.track-modal .track-modal-card{width:min(940px,calc(100vw - 40px));max-width:940px;max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;padding:36px;border:1px solid #ffffff29;border-radius:26px;background:radial-gradient(ellipse at 0 0,#ecab4920,transparent 55%),radial-gradient(ellipse at 100% 100%,#28b97616,transparent 58%),linear-gradient(145deg,#292d2f,#161c20);box-shadow:0 28px 100px #0009,inset 0 1px 0 #ffffff26;scrollbar-width:thin;scrollbar-color:#55615b #192023}
.track-modal.is-open .track-modal-card{animation:delivery-panel-in .38s cubic-bezier(.2,.7,.25,1) both}
.track-modal-backdrop{backdrop-filter:blur(9px)}
.track-modal #trackModalTitle{font-size:clamp(15px,2vw,20px);line-height:1.5;padding-right:32px}
.track-modal #vinInput{min-height:54px;font-size:18px;border-radius:12px}
.track-modal #trackSubmit{min-height:54px;font-size:18px;transition:box-shadow .2s,filter .2s}
.track-modal #trackSubmit:hover:not(:disabled){box-shadow:0 6px 26px #ff990038;filter:brightness(1.06)}
.track-modal #trackStatus{font-size:16px!important;line-height:1.5}
#trackResult[hidden]{display:none!important}
#trackResult{margin-top:24px}
.delivery-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.delivery-step{display:flex;align-items:flex-start;gap:16px;min-width:0;padding:20px;border:1px solid #efbb3d33;border-radius:18px;background:linear-gradient(135deg,#efbb3d0c,#ffffff03);font-size:18px;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff09,0 6px 18px #0002;animation:delivery-step-in .4s ease-out both;animation-delay:var(--step-delay,0ms);transition:border-color .2s,box-shadow .2s}
.delivery-step>span:last-child{min-width:0;overflow-wrap:anywhere}
.delivery-dot{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#ffda74,#dca321);color:#17201a;box-shadow:0 0 14px #efbb3d24,inset 0 1px 0 #fff8;font-size:17px;font-weight:700}
.delivery-step.is-complete{border-color:#2cba7952;background:linear-gradient(135deg,#2cba7917,#ffffff03)}
.delivery-step.is-complete .delivery-dot{background:linear-gradient(145deg,#71ebb1,#28b978);box-shadow:0 0 16px #39ce8930,inset 0 1px 0 #ffffff80}
.delivery-step small{display:block;margin-top:5px;color:#becbc5;font-size:13px;line-height:1.45}
.delivery-step[aria-current=step]{border-color:#53da98;box-shadow:0 0 0 1px #53da9826,0 6px 24px #20ba7812,inset 0 1px 0 #ffffff14}
.delivery-step[aria-current=step] .delivery-dot{animation:delivery-current-glow 2s ease-in-out 3}
.delivery-comment{margin:12px 0 0;padding-top:11px;border-top:1px solid #ffffff1c;color:#e1e9e5;font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:400}
#trackSubmit:disabled{opacity:.65;cursor:wait}
@keyframes delivery-panel-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes delivery-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes delivery-current-glow{50%{box-shadow:0 0 0 7px #39ce8910,0 0 24px #39ce8960,inset 0 1px 0 #ffffff80}}
@media(hover:hover){.delivery-step:hover{border-color:#e9ce8775;box-shadow:inset 0 1px 0 #ffffff16,0 8px 24px #0003}.delivery-step.is-complete:hover{border-color:#53da98}}
@media(max-width:620px){.delivery-steps{grid-template-columns:1fr;gap:10px}.delivery-step{padding:16px;gap:13px;font-size:17px}.track-modal .track-modal-card{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:25px 18px;border-radius:20px}.delivery-comment{font-size:15px}.delivery-dot{flex-basis:34px;height:34px}.track-modal #trackModalTitle{font-size:14px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.track-modal.is-open .track-modal-card,.delivery-step,.delivery-step[aria-current=step] .delivery-dot{animation:none!important}.delivery-step,.track-modal #trackSubmit{transition:none}}
