body.orders-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
#tracking-modal{width:min(920px,calc(100vw - 36px));max-width:none;height:min(850px,calc(100dvh - 48px));max-height:none;padding:0;overflow:hidden;border:0;border-radius:18px;background:#fff;color:#202124;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 32px 90px rgba(0,0,0,.25)}
#tracking-modal::backdrop{background:rgba(15,17,20,.63)}
#tracking-modal .orders-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#tracking-modal .orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 36px 24px;border-bottom:1px solid #e9e9e9}
#tracking-modal .orders-head h2{margin:0;color:#202124;font:700 30px/1.12 Inter,system-ui,sans-serif;letter-spacing:-.045em}
#tracking-modal .orders-head p{margin:9px 0 0;color:#696d72;font-size:14px;line-height:1.45}
#tracking-modal .orders-close{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e9e9e9;border-radius:50%;background:#f8f8f8;color:#202124;font-size:27px;line-height:1}
#tracking-modal .orders-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:28px 36px 44px;scrollbar-gutter:stable}
#tracking-modal .orders-group+.orders-group{margin-top:36px}
#tracking-modal .orders-group h3{margin:0 0 16px;color:#202124;font-size:18px;letter-spacing:-.02em}
#tracking-modal .orders-card{padding:22px 24px;border:1px solid #e8e8e8;border-radius:14px;background:#fff}
#tracking-modal .orders-card+.orders-card{margin-top:12px}
#tracking-modal .orders-card.is-active{border-color:#d51f2b;box-shadow:0 5px 22px rgba(213,31,43,.06)}
#tracking-modal .orders-card-top,#tracking-modal .orders-card-bottom{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
#tracking-modal .orders-card h4{margin:0;color:#202124;font-size:16px;line-height:1.3;letter-spacing:-.02em}
#tracking-modal .orders-card time{display:block;margin-top:5px;color:#696d72;font-size:12px}
#tracking-modal .orders-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:7px;background:#fff1f2;color:#aa1721;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
#tracking-modal .orders-status.is-delivered{background:#eaf5ee;color:#146b3b}
#tracking-modal .orders-status.is-cancelled{background:#f1f1f1;color:#666}
#tracking-modal .orders-card p{margin:19px 0 17px;color:#555a5f;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
#tracking-modal .orders-card-bottom{align-items:center}
#tracking-modal .orders-card-bottom strong{font-size:20px;white-space:nowrap;letter-spacing:-.035em}
#tracking-modal .orders-card-bottom>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#tracking-modal .orders-card-bottom button{padding:9px 12px;border:1px solid #dcdcdc;border-radius:8px;background:#fff;color:#202124;font-size:12px;font-weight:700}
#tracking-modal .orders-card.is-active .orders-card-bottom button:first-child{border-color:#d51f2b;background:#d51f2b;color:#fff}
#tracking-modal .orders-empty,#tracking-modal .orders-no-history{max-width:430px;margin:45px auto;text-align:center}
#tracking-modal .orders-empty-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 20px;border-radius:20px;background:#f5f5f5;color:#4b4d50;font-size:35px}
#tracking-modal .orders-empty h3,#tracking-modal .orders-no-history h3{margin:0 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.035em}
#tracking-modal .orders-empty p,#tracking-modal .orders-no-history p{color:#696d72;font-size:14px;line-height:1.55}
#tracking-modal .orders-empty .primary{margin-top:18px;min-height:48px;padding:12px 24px;background:#d51f2b;border-radius:9px}
#tracking-modal .orders-login-line{margin-top:20px}
#tracking-modal .orders-login-line button,#tracking-modal #tracking-logout,#tracking-modal #orders-back{padding:0;border:0;background:none;color:#aa1721;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#tracking-modal .orders-foot{padding:12px 36px 16px;border-top:1px solid #e9e9e9;text-align:right}
#tracking-modal #tracking-logout{color:#696d72;font-size:12px}
#tracking-modal #orders-detail-heading h2{margin-top:7px;font-size:24px}
#tracking-modal .orders-detail-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:26px;border-bottom:1px solid #e9e9e9}
#tracking-modal .orders-detail-intro p{margin:9px 0 0;color:#696d72;font-size:13px}
#tracking-modal .orders-detail-intro>strong{font-size:24px;white-space:nowrap}
#tracking-modal .orders-detail-block{padding:24px 0;border-bottom:1px solid #e9e9e9}
#tracking-modal .orders-detail-block h3{margin:0 0 16px;font-size:16px;letter-spacing:-.02em}
#tracking-modal .orders-detail-block h3:not(:first-child){margin-top:20px}
#tracking-modal .orders-detail-block>p{margin:0;color:#555a5f;font-size:14px;line-height:1.6}
#tracking-modal .orders-timeline{list-style:none;margin:0;padding:0}
#tracking-modal .orders-timeline li{position:relative;display:flex;gap:15px;padding:0 0 19px}
#tracking-modal .orders-timeline li:not(:last-child):before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:1px;background:#d9d9d9}
#tracking-modal .orders-timeline li>span{flex:none;width:17px;height:17px;margin-top:2px;border:4px solid #d51f2b;border-radius:50%;background:#fff}
#tracking-modal .orders-timeline li.is-done>span{background:#d51f2b}
#tracking-modal .orders-timeline b{display:block;font-size:13px}
#tracking-modal .orders-timeline small{display:block;margin-top:4px;color:#696d72;font-size:12px}
#tracking-modal .orders-detail-item{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #f0f0f0}
#tracking-modal .orders-detail-item b{display:block;font-size:14px}
#tracking-modal .orders-detail-item small{display:block;margin-top:5px;color:#696d72;font-size:12px;line-height:1.5}
#tracking-modal .orders-detail-item strong{white-space:nowrap;font-size:14px}
#tracking-modal .orders-totals p{display:flex;justify-content:space-between;gap:12px;margin:8px 0;color:#555a5f}
#tracking-modal .orders-totals .orders-grand-total{padding-top:12px;border-top:1px solid #e9e9e9;color:#202124;font-weight:700}
.guest-contact{padding:20px 0 16px;border-bottom:1px solid #e9e9e9}
.guest-contact h3{margin:0 0 6px;font-size:16px}
.guest-contact p{margin:0 0 14px;color:#696d72;font-size:13px;line-height:1.4}
.guest-account-offer{margin-top:20px;padding:18px;border:1px solid #e9e9e9;border-radius:12px;background:#fafafa}
.guest-account-offer h3{margin:0 0 8px;font-size:17px}
.guest-account-offer p{margin:0 0 15px;color:#696d72;font-size:13px;line-height:1.45}
.guest-account-offer .primary{background:#d51f2b}
@media(max-width:760px){
  dialog#tracking-modal{inset:0;width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0}
  #tracking-modal .orders-head{padding:calc(20px + env(safe-area-inset-top)) 20px 19px}
  #tracking-modal .orders-head h2{font-size:26px}
  #tracking-modal .orders-head p{font-size:13px}
  #tracking-modal .orders-scroll{padding:22px 20px calc(30px + env(safe-area-inset-bottom));scrollbar-gutter:auto}
  #tracking-modal .orders-card{padding:18px}
  #tracking-modal .orders-card-top{flex-direction:column;gap:10px}
  #tracking-modal .orders-card-bottom{align-items:flex-start;flex-direction:column}
  #tracking-modal .orders-card-bottom>div{width:100%;justify-content:flex-start}
  #tracking-modal .orders-foot{padding:10px 20px calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){#tracking-modal .orders-head,#tracking-modal .orders-scroll,#tracking-modal .orders-foot{padding-left:16px;padding-right:16px}#tracking-modal .orders-card-bottom>div{display:grid;grid-template-columns:1fr 1fr;width:100%}}