body{background:#eee8dc}.orders-header{color:#fff;background:#111816;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.orders-header img{width:180px}.orders-header>a:last-child{color:#d9bd84}.orders-shell{background:linear-gradient(135deg,#f6f3eb,#e4ded0);min-height:calc(100vh - 76px);padding:70px 7vw}.track-intro{max-width:820px}.track-intro h1{margin:16px 0;font:clamp(48px,7vw,82px)/1 Georgia}.track-intro>p{color:#5f6763;line-height:1.6}.track-form{background:#fff;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:28px;padding:22px;display:grid;box-shadow:0 15px 40px #2c261914}.track-form label{gap:7px;font-weight:700;display:grid}.track-form input{border:1px solid #d4ccbc;padding:13px}.track-form button{align-self:end}.track-error{color:#8d251d;background:#fff0ed;padding:12px 15px}.order-card{background:#fff;border:1px solid #d8cfbd;margin-top:34px;overflow:hidden;box-shadow:0 22px 55px #2c261916}.order-card>header{color:#fff;background:#15201d;justify-content:space-between;gap:20px;padding:25px 30px;display:flex}.order-card header span{text-transform:uppercase;letter-spacing:.14em;color:#d5bb85;font-size:11px}.order-card h2{margin:7px 0 0;font:30px Georgia}.order-card header>b{color:#17201e;background:#d4b879;align-self:center;padding:9px 13px}.order-meta{border-bottom:1px solid #e6dfd2;flex-wrap:wrap;gap:10px;padding:20px 30px;display:flex}.order-meta span{background:#f3efe6;align-items:center;gap:6px;padding:9px 11px;font-size:13px;display:flex}.balance-panel{background:#ded7c9;border-bottom:1px solid #ded7c9;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.balance-panel>div{background:#f9f7f1;padding:20px}.balance-panel span,.balance-panel b{display:block}.balance-panel span{color:#6b716e;font-size:12px}.balance-panel b{margin-top:7px;font:26px Georgia}.balance-panel .balance-due{color:#fff;background:#17201e}.balance-panel .balance-due span{color:#d8c59d}.balance-panel aside{background:#eee5d3;grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 24px;display:grid}.balance-panel aside>svg{color:#8b6d37}.balance-panel aside b,.balance-panel aside span{display:block}.balance-panel aside span{margin-top:4px;line-height:1.4}.balance-panel>small{color:#666;background:#faf7f0;grid-column:1/-1;padding:14px 22px}.egypt-track{grid-template-columns:repeat(6,1fr);gap:12px;padding:32px 30px;display:grid;position:relative}.egypt-track:before,.egypt-track:after{content:"";background:#e4ded1;height:4px;position:absolute;top:62px;left:8%;right:8%}.egypt-track:after{width:calc(var(--progress)*.84);background:linear-gradient(90deg,#8d6d31,#dfc27e);transition:width 1.2s;right:auto}.track-step{z-index:1;text-align:center;position:relative}.cartouche{color:#9b9484;background:#fff;border:2px solid #cabd9e;border-radius:32px 32px 17px 17px;place-items:center;width:62px;height:62px;margin:auto;display:grid}.track-step.done .cartouche{color:#e1c58d;background:#17201e;border-color:#a98342}.track-step.current .cartouche{animation:1.8s infinite goldPulse;box-shadow:0 0 0 7px #d8b9792b}.track-step b,.track-step span{display:block}.track-step b{margin-top:13px;font-size:13px}.track-step span{color:#777;margin-top:6px;font-size:11px;line-height:1.4}.order-card footer{color:#625b4e;background:#faf7f0;align-items:center;gap:8px;padding:17px 30px;font-size:13px;display:flex}@keyframes goldPulse{50%{transform:translateY(-4px);box-shadow:0 0 0 14px #d8b97914}}@media (max-width:850px){.track-form{grid-template-columns:1fr}.balance-panel{grid-template-columns:1fr 1fr}.balance-panel aside{grid-template-columns:auto 1fr}.balance-panel aside a{grid-column:1/-1}.egypt-track{grid-template-columns:1fr;padding-left:40px}.egypt-track:before{width:4px;height:auto;inset:50px auto 50px 70px}.egypt-track:after{display:none}.track-step{text-align:left;grid-template-columns:62px 1fr;align-items:center;gap:16px;display:grid}.track-step b,.cartouche{margin:0}.order-card>header{flex-direction:column}.orders-shell{padding:45px 5vw}}@media (max-width:520px){.balance-panel,.balance-panel aside{grid-template-columns:1fr}.orders-header img{width:150px}}.egypt-track{grid-template-columns:repeat(7,1fr)}@media (max-width:850px){.egypt-track{grid-template-columns:1fr}}
