.page-order .order-hero{align-items:center;gap:20px}
.page-order .order-hero h1{font-size:30px;overflow-wrap:anywhere}
.page-order .order-chip{padding:8px 12px;font:700 13px/1.4 'Segoe UI',Tahoma,Arial,sans-serif;border-radius:10px}
.page-order .order-status-inline{gap:9px;flex-wrap:wrap}
.page-order .order-tracker-card{padding:24px;margin-bottom:20px}
.order-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.order-tracker-head h2{margin:0}
.order-tracker-head #orderProgressSummary{margin:0;font-size:15px;font-weight:650;color:#e6ce94;line-height:1.5}
.page-order .order-progress{padding:0;margin:0;border:0;background:none;border-radius:0}
.page-order .order-progress__line{height:6px;margin:0 0 20px;border-radius:6px;background:#61877633}
.page-order .order-progress__line>span{position:relative;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#65cba4,#d5bd7c);border-radius:6px;overflow:hidden}
.page-order .order-progress__steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0;overflow:visible}
.page-order .order-progress__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;padding:18px 10px 15px;min-width:0;border:1px solid #9eae8e2b;border-radius:13px;background:linear-gradient(145deg,#172222,#0d171a);text-align:center;font-size:14px;line-height:1.45;color:#b7c8be}
.order-step-number{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border:1px solid #a6b29859;border-radius:50%;background:#152225;font:700 22px/1 'Segoe UI',Tahoma,Arial,sans-serif;color:#c2d1c6}
.order-step-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.order-step-label{font-weight:650;overflow-wrap:anywhere}
.order-step-state{font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.8px;color:#95aa9c}
.page-order .order-progress__step.is-done{background:linear-gradient(145deg,#203c2c,#11251e);border-color:#72b28a66;color:#d6eadb}
.is-done .order-step-number{background:linear-gradient(145deg,#2f6b4d,#173f2c);border-color:#8dcea4;color:#e9f9ea}
.is-done .order-step-number::after{content:'✓';position:absolute;right:-5px;bottom:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#9de4b8;border:2px solid #14281e;color:#133822;font-size:12px}
.is-done .order-step-state{color:#a4dfb9}
.page-order .order-progress__step.is-current{background:linear-gradient(145deg,#3e3d26,#1c3024);border:2px solid #d6bb75;padding:17px 9px 14px;color:#fff0c7;box-shadow:0 0 0 3px #d4b57412}
.is-current .order-step-number{background:linear-gradient(135deg,#f0d698,#b59b5f);border-color:#f4dfb3;color:#1e281d;box-shadow:0 0 0 5px #d4b57414}
.is-current .order-step-state{font-weight:750;color:#f4d38f}
.order-progress.is-cancelled .order-progress__line{background:#a55d5133}
.order-progress.is-cancelled .order-progress__step{opacity:.65}
.page-order .order-shell{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px;align-items:start}
.page-order .order-summary-card,.page-order .order-side-card{min-height:0;height:auto;padding:24px;border-color:#b7a16a47;background:linear-gradient(145deg,#15241e,#0a1316);border-radius:18px}
.page-order .order-info{background:linear-gradient(135deg,#22352a,#111e1e);border-color:#b9a26b33;border-radius:12px;padding:17px;gap:10px}
.page-order .order-info>span{color:#a8c0ae;font-size:12px;letter-spacing:.6px}
.page-order .order-info>b{font-size:16px;line-height:1.55;font-weight:700;color:#f0e6cd;overflow-wrap:anywhere}
.page-order #orderTotalValue{font-size:23px;color:#e9d19a}
.page-order .order-note-card{background:#14271d;border-color:#9cb47740;border-radius:12px;margin-top:18px;padding:18px}
.page-order .order-note-card__title{color:#d8c491;font-size:12px;letter-spacing:.6px}
.page-order .order-note-card__body{font-size:15px;line-height:1.7;color:#d6e6d8}
.page-order .order-payment-box{padding:22px;border:1px solid #bba36a66;background:radial-gradient(ellipse at 0 0,#366b4140,transparent 70%),#0b1718;border-radius:15px}
.page-order .order-payment-box__eyebrow{color:#e1c98d;font-size:11px;letter-spacing:1.2px}
.page-order .order-payment-box h2{font-size:23px}
.page-order .order-stage{padding:14px 16px;border-color:#b4a16c30;background:#11201b;border-radius:11px;gap:16px;flex-wrap:wrap}
.page-order .order-stage>span{font-size:14px;line-height:1.5;color:#a9c1b0}
.page-order .order-stage>b{font-size:14px;line-height:1.5;color:#e6ebd9;overflow-wrap:anywhere}
.page-order .order-search-timer{border-color:#b6a06b4d;background:linear-gradient(145deg,#213e2d,#101e1b)}
.page-order .order-search-timer__value{color:#ecd39c}
.page-order .manual-payment-box__text{background:#14281d;border-color:#b4a16c3d;font-size:15px;line-height:1.7}
.page-order .order-actions{justify-content:flex-start}
.page-order .order-paid-button{margin-top:16px}
@media(max-width:1000px){.page-order .order-progress__steps{gap:7px}.page-order .order-progress__step{padding:15px 6px;font-size:13px}.page-order .order-progress__step.is-current{padding:14px 5px}.page-order .order-shell{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.order-tracker-head{align-items:flex-start;flex-direction:column;gap:8px}.page-order .order-progress__steps{grid-template-columns:minmax(0,1fr);gap:9px}.page-order .order-progress__step{flex-direction:row;text-align:left;gap:16px;padding:12px 15px}.page-order .order-progress__step.is-current{padding:11px 14px}.order-step-number{width:41px;height:41px;font-size:20px}.order-step-copy{gap:4px}.order-step-label{font-size:15px}.order-step-state{font-size:10px}.page-order .order-progress__line{margin-bottom:15px}.page-order .order-tracker-card{padding:19px}.page-order .order-hero h1{font-size:25px}.page-order .order-hero{align-items:flex-start}}
@media(max-width:640px){.page-order .order-hero{flex-direction:column;align-items:flex-start}.page-order .order-summary-card,.page-order .order-side-card{padding:18px}.page-order .order-payment-box{padding:18px}.page-order .order-info{padding:15px}}
@media(prefers-reduced-motion:reduce){.page-order .order-progress__line>span{transition:none}}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference){
 .page-order .order-progress.is-transitioning .order-progress__line{box-shadow:0 0 12px #a7da9340}
 .page-order .order-progress.is-transitioning .order-progress__line>span::after{content:'';position:absolute;inset:0 auto 0 -25%;width:25%;background:linear-gradient(90deg,transparent,#fff7d8,transparent);animation:order-stage-sweep .85s ease-out both}
}
@keyframes order-stage-sweep{from{transform:translateX(0)}to{transform:translateX(500%)}}