/* =====================================================================
   Pahari — Order Tracking ([pahari_track_order])
   ===================================================================== */
.tk-search{display:flex;gap:10px;max-width:620px;margin-top:18px;flex-wrap:wrap}
.tk-search input{flex:1;min-width:160px}
.tk-search .btn{flex-shrink:0}

.tk-error{
	max-width:620px;margin-top:18px;padding:12px 16px;border-radius:var(--r-sm);
	background:#fdeceb;border:1px solid #f3c2bd;color:#a3271b;font-size:.9rem;font-weight:600;
}
.tk-hint{margin-top:28px;max-width:600px}

.tk-panel{
	background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);
	padding:clamp(22px,4vw,38px);box-shadow:var(--sh-sm);margin-top:28px;display:none;
}
.tk-panel.show{display:block;animation:fadeUp .5s var(--ease-out)}

.tk-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:30px}
.tk-head .meta span{font-size:.78rem;color:var(--text-soft);font-weight:600}
.tk-head .meta b{font-family:var(--font-num);font-size:1.35rem;display:block}
.tk-eta{text-align:right}
.tk-eta .big{font-family:var(--font-display);font-size:1.35rem;color:var(--orange-600);font-weight:800}

.timeline{position:relative;padding-left:6px}
.tl-step{display:flex;gap:18px;position:relative;padding-bottom:34px}
.tl-step:last-child{padding-bottom:0}
.tl-step::before{content:'';position:absolute;left:17px;top:36px;bottom:-4px;width:2px;background:var(--gray-200)}
.tl-step:last-child::before{display:none}
.tl-step.done::before{background:var(--orange-500)}
.tl-dot{width:36px;height:36px;border-radius:50%;background:var(--gray-100b,#eef1f0);color:var(--gray-400);display:grid;place-items:center;flex-shrink:0;z-index:1;transition:all var(--t-mid)}
.tl-step.done .tl-dot{background:var(--orange-500);color:#fff;box-shadow:0 0 0 5px rgba(232,116,15,.14)}
.tl-step.active .tl-dot{background:var(--green-700,#235247);color:#fff;box-shadow:0 0 0 5px rgba(35,82,71,.18)}
.tl-body h4{margin-bottom:3px}
.tl-body p{color:var(--text-soft);font-size:.9rem}

.tk-products{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}
.tk-products img{width:54px;height:54px;border-radius:11px;object-fit:contain;background:var(--gray-50);padding:4px}

@media(max-width:540px){.tk-search{flex-direction:column}.tk-eta{text-align:left}}