.trk-page{--trk-ok:#106c3e;--trk-warn:#9c5400;--trk-danger:#b32322;--trk-info:#2c628d;--trk-wa:#006e30;--trk-wa-ink:#006e30;--trk-gold-text:var(--gold-dark);--trk-radius:22px;--trk-shadow:0 1px 2px #3d29190f, 0 22px 44px -26px #40271266;--trk-nav:80px;background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}@supports (color:lab(0% 0 0)){.trk-page{--trk-ok:lab(39.9402% -35.288 18.2258);--trk-warn:lab(43.7267% 28.183 59.2905);--trk-danger:lab(40.2064% 56.6397 39.4962);--trk-info:lab(39.4709% -7.40854 -29.4739);--trk-wa:lab(40.1313% -39.5558 26.4433);--trk-wa-ink:lab(40.1313% -39.5558 26.4433);--trk-shadow:0 1px 2px lab(18.6681% 7.83302 14.503/.06), 0 22px 44px -26px lab(18.6164% 10.1142 18.838/.4)}}:root[data-theme=premium-dark] .trk-page{--trk-ok:#72d699;--trk-warn:#f3bd5c;--trk-danger:#ff847d;--trk-info:#8ec5ec;--trk-wa-ink:#6fd087;--trk-gold-text:var(--gold);--trk-shadow:0 22px 44px -26px #000000bf}@supports (color:lab(0% 0 0)){:root[data-theme=premium-dark] .trk-page{--trk-ok:lab(78.5052% -41.1154 21.156);--trk-warn:lab(80.3631% 12.6212 55.7864);--trk-danger:lab(69.5411% 46.9033 26.5749);--trk-info:lab(76.8299% -11.1146 -25.5716);--trk-wa-ink:lab(76.2673% -42.0219 27.4338);--trk-shadow:0 22px 44px -26px lab(0% 0 0/.75)}}.trk-tone--wait,.trk-tone--progress{--trk-c:var(--gold);--trk-ct:var(--trk-gold-text)}.trk-tone--ok{--trk-c:var(--trk-ok);--trk-ct:var(--trk-ok)}.trk-tone--warn{--trk-c:var(--trk-warn);--trk-ct:var(--trk-warn)}.trk-tone--danger{--trk-c:var(--trk-danger);--trk-ct:var(--trk-danger)}.trk-tone--info{--trk-c:var(--trk-info);--trk-ct:var(--trk-info)}.trk-tone--muted{--trk-c:var(--text-muted);--trk-ct:var(--text-secondary)}.trk-page :is(a,button,input):focus-visible{outline:2px solid var(--gold);outline-offset:2px}.trk-hero{padding:calc(var(--trk-nav) + 2.6rem) 1rem 5.5rem;text-align:center;background:radial-gradient(90% 70% at 50% 0%, color-mix(in oklch, var(--gold) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));border-bottom:1px solid color-mix(in oklch, var(--gold) 20%, transparent);position:relative}.trk-hero--order{padding-bottom:4.75rem}.trk-hero__inner{max-width:640px;margin:0 auto}.trk-hero .eyebrow{justify-content:center;display:flex}.trk-hero__title{font-family:var(--font-aref), "Aref Ruqaa", "Amiri", serif;color:var(--text-primary);margin-top:.5rem;font-size:clamp(2.6rem,9vw,3.6rem);font-weight:700;line-height:1.35}.trk-hero__lead{color:var(--text-secondary);margin-top:.75rem;font-size:1rem;line-height:1.8}.trk-hero__order{color:var(--text-primary);margin-top:.35rem;font-size:clamp(1.7rem,6vw,2.3rem);font-weight:800;line-height:1.3}.trk-hero__order .trk-code{color:var(--trk-gold-text)}.trk-back{border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-card) 70%, transparent);width:fit-content;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;margin:0 auto 1.1rem;padding:.4rem .95rem;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s;display:flex}.trk-back:hover{border-color:var(--gold);color:var(--text-primary)}.trk-body{z-index:1;max-width:520px;margin:-3.5rem auto 0;padding:0 1rem 4.5rem;position:relative}.trk-body--wide{max-width:1080px}.trk-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--trk-radius);box-shadow:var(--trk-shadow);padding:1.35rem}@media (min-width:640px){.trk-card{padding:1.7rem}}.trk-card__title{color:var(--text-primary);align-items:center;gap:.55rem;margin-bottom:.95rem;font-size:1.02rem;font-weight:800;display:flex}.trk-card__title>svg{color:var(--trk-gold-text);flex:none}.trk-card__count{color:var(--text-muted);margin-inline-start:auto;font-size:.8rem;font-weight:600}.trk-grid{gap:1rem;display:grid}.trk-side{align-content:start;gap:1rem;display:grid}@media (min-width:900px){.trk-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:1.25rem}.trk-side{gap:1.25rem}}.trk-field+.trk-field{margin-top:1.15rem}.trk-label{color:var(--text-primary);margin-bottom:.45rem;font-size:.95rem;font-weight:700;display:block}.trk-input{background:var(--input-bg);border:1.5px solid var(--input-border);width:100%;height:3.5rem;color:var(--text-primary);font:inherit;border-radius:14px;outline:none;padding:0 1rem;font-size:1.15rem;transition:border-color .2s,box-shadow .2s}.trk-page .trk-input:focus-visible{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in oklch, var(--gold) 22%, transparent);outline:none}.trk-input[aria-invalid=true]{border-color:var(--trk-danger)}.trk-input::placeholder{color:color-mix(in oklch, var(--text-muted) 65%, transparent)}.trk-input--code{text-align:center;font-family:var(--font-archivo), var(--font-cairo), sans-serif;letter-spacing:.3em;text-transform:uppercase;font-weight:700}.trk-input--phone{text-align:right;letter-spacing:.06em}.trk-hint,.trk-field__error{margin-top:.4rem;font-size:.83rem;line-height:1.6}.trk-hint{color:var(--text-muted)}.trk-field__error{color:var(--trk-danger);font-weight:700}.trk-submit{justify-content:center;width:100%;height:3.5rem;margin-top:1.4rem}.trk-submit:disabled{cursor:progress;opacity:.85}.trk-assist{text-align:center;color:var(--text-muted);margin-top:1.4rem;font-size:.9rem}.trk-assist a,.trk-textlink{color:var(--trk-gold-text);text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.trk-textlink{margin-top:.8rem;font-size:.9rem;display:inline-block}.trk-saved{margin-top:1.4rem}.trk-saved__title{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:flex}.trk-saved__list{gap:.5rem;list-style:none;display:grid}.trk-saved__item{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:14px;transition:border-color .2s;display:flex;overflow:hidden}.trk-saved__item:hover{border-color:var(--gold)}.trk-saved__open{min-height:3.1rem;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.7rem;padding:.6rem .95rem;display:flex}.trk-saved__label{color:var(--text-muted);font-size:.8rem}.trk-saved__chev{color:var(--text-muted);margin-inline-start:auto}.trk-saved__forget{border:0;border-inline-start:1px solid var(--border-subtle);width:3rem;color:var(--text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.trk-saved__forget:hover{color:var(--trk-danger)}.trk-code{font-family:var(--font-archivo), var(--font-cairo), sans-serif;letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;font-weight:700}.trk-code--lg{letter-spacing:.1em;overflow-wrap:anywhere;font-size:1.12rem}.trk-status{padding:0;overflow:hidden}.trk-status__head{background:linear-gradient(180deg, color-mix(in oklch, var(--trk-c) 10%, var(--bg-card)), var(--bg-card));align-items:flex-start;gap:1rem;padding:1.5rem 1.35rem 1.25rem;display:flex}@media (min-width:640px){.trk-status__head{padding:1.8rem 1.7rem 1.35rem}}.trk-medal{width:3.6rem;height:3.6rem;color:var(--trk-c);background:color-mix(in oklch, var(--trk-c) 14%, var(--bg-card));box-shadow:0 0 0 1px color-mix(in oklch, var(--trk-c) 38%, transparent), 0 0 0 7px color-mix(in oklch, var(--trk-c) 8%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.trk-status__text{min-width:0}.trk-status__title{font-family:var(--font-aref), "Aref Ruqaa", "Amiri", serif;color:var(--text-primary);outline:none;font-size:clamp(1.75rem,6vw,2.25rem);font-weight:700;line-height:1.3}.trk-status__note{color:var(--text-secondary);margin-top:.3rem;line-height:1.8}.trk-alert{background:color-mix(in oklch, var(--trk-c) 10%, var(--bg-card));border:1px solid color-mix(in oklch, var(--trk-c) 34%, transparent);border-radius:16px;margin:0 1.35rem 1.2rem;padding:1rem 1.1rem}.trk-alert--form{margin:1.2rem 0 0}.trk-alert__title{color:var(--trk-ct);font-weight:800;line-height:1.6}.trk-alert__body{color:var(--text-secondary);margin-top:.2rem;font-size:.92rem;line-height:1.8}.trk-alert__tips{color:var(--text-secondary);margin-top:.4rem;padding-inline-start:1.1rem;font-size:.88rem;line-height:1.9;list-style:outside}@media (min-width:640px){.trk-alert:not(.trk-alert--form){margin-inline:1.7rem}}.trk-wa{background:var(--trk-wa);color:#fff;border-radius:999px;align-items:center;gap:.5rem;margin-top:.8rem;padding:.6rem 1.15rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.trk-wa:hover{filter:brightness(1.08);transform:translateY(-1px)}.trk-due{background:var(--gold-soft-bg);border:1px dashed var(--gold-soft-border-strong);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin:0 1.35rem 1.2rem;padding:.85rem 1.1rem;display:flex}@media (min-width:640px){.trk-due{margin-inline:1.7rem}}@media (min-width:900px){.trk-due{display:none}}.trk-due__label{color:var(--text-secondary);font-size:.92rem;font-weight:600}.trk-due__amount{color:var(--trk-gold-text);white-space:nowrap;font-size:1.4rem;font-weight:800}.trk-steps{padding:.35rem 1.35rem 1.4rem;list-style:none}@media (min-width:640px){.trk-steps{padding-inline:1.7rem}}.trk-step{--node:2.25rem;gap:.95rem;padding-bottom:1.35rem;display:flex;position:relative}.trk-step:last-child{padding-bottom:0}.trk-step:not(:last-child):before{content:"";inset-inline-start:calc(var(--node) / 2 - 1px);top:var(--node);background:repeating-linear-gradient(to bottom, var(--border-subtle) 0 5px, transparent 5px 10px);width:2px;position:absolute;bottom:0}.trk-step.is-done:not(:last-child):before{background:var(--gold);transform-origin:top;animation:.5s ease-out both trkDraw;animation-delay:calc(var(--i,0) * .11s + .2s)}.trk-step.is-done:has(+.is-end):before{background:color-mix(in oklch, var(--text-muted) 45%, transparent)}.trk-step__node{z-index:1;width:var(--node);height:var(--node);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.is-done .trk-step__node{background:var(--gold);color:var(--cta-fg)}.is-current .trk-step__node{background:var(--bg-card);color:var(--trk-c);box-shadow:0 0 0 2px var(--trk-c);animation:2.4s ease-out infinite trkPulse}.is-todo .trk-step__node{background:var(--bg-card);color:var(--text-muted);box-shadow:inset 0 0 0 1.5px var(--border-subtle)}.is-end .trk-step__node{background:color-mix(in oklch, var(--trk-c) 15%, var(--bg-card));color:var(--trk-c);box-shadow:0 0 0 2px var(--trk-c)}.is-end .trk-step__node svg{width:17px;height:17px}.trk-step__body{min-width:0;padding-top:.28rem}.trk-step__label{color:var(--text-primary);font-weight:700;line-height:1.5}.is-current .trk-step__label,.is-end .trk-step__label{color:var(--trk-ct);font-weight:800}.is-todo .trk-step__label{color:var(--text-muted);font-weight:600}.trk-step__at{color:var(--text-muted);font-size:.82rem}.trk-step__hint{color:var(--text-secondary);margin-top:.15rem;font-size:.86rem;line-height:1.7}.trk-status__foot{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.35rem;font-size:.82rem;display:flex}@media (min-width:640px){.trk-status__foot{padding-inline:1.7rem}}.trk-linkbtn{color:var(--trk-gold-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .6rem;font-weight:700;display:inline-flex}.trk-linkbtn:hover{background:var(--gold-soft-bg)}.trk-linkbtn:disabled{cursor:progress}.trk-ship__carrier{color:var(--text-secondary);font-size:.9rem}.trk-ship__code{border:1px solid var(--border-subtle);background:var(--input-bg);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.4rem;padding:.6rem .6rem .6rem .95rem;display:flex}.trk-iconbtn{border:1px solid var(--border-subtle);background:var(--bg-card);width:2.75rem;height:2.75rem;color:var(--text-primary);cursor:pointer;border-radius:12px;flex:none;place-items:center;transition:border-color .2s,color .2s;display:grid}.trk-iconbtn:hover{border-color:var(--gold);color:var(--trk-gold-text)}.trk-ship__ext{justify-content:center;width:100%;margin-top:.9rem;padding-block:.75rem;font-size:.95rem}.trk-ship__hint{color:var(--text-muted);margin-top:.6rem;font-size:.8rem;line-height:1.7}.trk-money__top{text-align:center;border-bottom:1px dashed var(--border-subtle);margin-bottom:1rem;padding-bottom:1.05rem}.trk-money__top:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.trk-money__label{color:var(--text-muted);font-size:.88rem}.trk-money__amount{color:var(--text-primary);font-size:clamp(1.7rem,7vw,2.1rem);font-weight:800;line-height:1.35}.trk-money__method{border:1px solid var(--gold-soft-border);background:var(--gold-soft-bg);color:var(--trk-gold-text);border-radius:999px;margin-top:.35rem;padding:.2rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.trk-rows{gap:.55rem;display:grid}.trk-row{justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.trk-row dt{color:var(--text-secondary)}.trk-row dd{color:var(--text-primary);white-space:nowrap;font-weight:700}.trk-row.is-minus dd{color:var(--trk-ok)}.trk-row__note{color:var(--text-muted);white-space:normal;font-size:.84rem;font-weight:600}.trk-items{gap:.55rem;list-style:none;display:grid}.trk-item{background:var(--neutral-soft-bg);border-radius:14px;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}.trk-swatch{width:1.55rem;height:1.55rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--text-primary) 22%, transparent), 0 0 0 3px var(--bg-card);border-radius:50%;flex:none}.trk-item__body{flex:1;min-width:0}.trk-item__name{white-space:nowrap;text-overflow:ellipsis;font-size:.93rem;font-weight:700;overflow:hidden}.trk-item__meta{color:var(--text-muted);font-size:.8rem}.trk-item__qty{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.trk-item__price{white-space:nowrap;font-size:.9rem;font-weight:700}.trk-address{border-top:1px dashed var(--border-subtle);color:var(--text-primary);gap:.6rem;margin-top:1rem;padding-top:1rem;font-size:.92rem;line-height:1.8;display:flex}.trk-address>svg{color:var(--trk-gold-text);flex:none;margin-top:.3rem}.trk-address__label{color:var(--text-muted);font-size:.8rem}.trk-help .trk-card__title>svg{color:var(--trk-wa-ink)}.trk-help__lead{color:var(--text-secondary);margin-bottom:.85rem;font-size:.9rem;line-height:1.8}.trk-help__actions{flex-wrap:wrap;gap:.5rem;display:flex}.trk-chip{border:1px solid var(--border-subtle);background:var(--bg-card);min-height:2.6rem;color:var(--text-primary);border-radius:999px;align-items:center;padding:.45rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.trk-chip:hover{border-color:var(--gold);background:var(--gold-soft-bg)}.trk-others{margin-top:1.25rem}.trk-others__list{gap:.55rem;list-style:none;display:grid}.trk-other{border:1px solid var(--border-subtle);width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border-radius:14px;grid-template-columns:1fr auto auto;grid-template-areas:"code badge chev""meta meta chev";align-items:center;gap:.15rem .75rem;padding:.8rem .95rem;transition:border-color .2s,background .2s;display:grid}.trk-other:hover{border-color:var(--gold);background:var(--gold-soft-bg)}.trk-other .trk-code{grid-area:code;justify-self:start}.trk-other__meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;grid-area:meta;font-size:.82rem;overflow:hidden}.trk-other .trk-badge{grid-area:badge}.trk-other__chev{color:var(--text-muted);grid-area:chev}.trk-badge{border:1px solid color-mix(in oklch, var(--trk-c) 32%, transparent);background:color-mix(in oklch, var(--trk-c) 12%, var(--bg-card));color:var(--trk-ct);white-space:nowrap;border-radius:999px;padding:.18rem .65rem;font-size:.76rem;font-weight:700}.trk-skel-card{gap:.9rem;display:grid}.trk-skel{background:linear-gradient(90deg, var(--neutral-soft-bg) 25%, color-mix(in oklch, var(--text-primary) 10%, transparent) 50%, var(--neutral-soft-bg) 75%);background-size:200% 100%;border-radius:10px;animation:1.4s linear infinite shimmer;display:block}@keyframes trkRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes trkDraw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes trkPulse{0%{box-shadow:0 0 0 2px var(--trk-c), 0 0 0 0 color-mix(in oklch, var(--trk-c) 45%, transparent)}70%{box-shadow:0 0 0 2px var(--trk-c), 0 0 0 12px transparent}to{box-shadow:0 0 0 2px var(--trk-c), 0 0 0 0 transparent}}@keyframes trkSpin{to{transform:rotate(360deg)}}.trk-rise{animation:.55s cubic-bezier(.2,.7,.2,1) both trkRise;animation-delay:calc(var(--i,0) * 70ms)}.trk-spin{animation:.9s linear infinite trkSpin}@media (prefers-reduced-motion:reduce){.trk-rise,.trk-step:before,.is-current .trk-step__node,.trk-skel{animation:none!important}}