.tracking-page{min-height:100vh}.tracking-nav{display:flex;align-items:center;gap:23px;color:#b99a78;font-size:12px}.tracking-nav a:hover,.tracking-nav a[aria-current=page]{color:#f2db9c}.tracking-back{padding:10px 14px;border:1px solid rgba(215,167,42,.25);border-radius:10px;color:#d7b55d;font-size:11px}.tracking-main{padding:75px 0 95px}.tracking-hero{display:grid;grid-template-columns:1fr minmax(360px,.72fr);gap:60px;align-items:center;min-height:400px}.tracking-copy>span{color:#c89831;font-size:10px;letter-spacing:.14em}.tracking-copy h1{max-width:650px;margin:18px 0;font-size:clamp(36px,5.8vw,75px);line-height:1.18}.tracking-copy p{max-width:580px;color:#b29378;line-height:2;font-size:14px}.tracking-form{display:grid;gap:13px;padding:26px;border:1px solid rgba(242,219,156,.16);border-radius:23px;background:linear-gradient(145deg,rgba(64,27,13,.77),rgba(19,7,4,.9));box-shadow:0 28px 75px rgba(0,0,0,.3)}.tracking-form label{display:grid;gap:7px;color:#b38e6d;font-size:11px}.tracking-form input{height:52px;padding:0 14px;border:1px solid rgba(242,219,156,.15);border-radius:12px;background:#210d07;color:#f1d9a3;outline:0}.tracking-form input:focus{border-color:rgba(215,167,42,.65);box-shadow:0 0 0 3px rgba(215,167,42,.07)}.tracking-form button{display:flex;align-items:center;justify-content:space-between;height:51px;padding:0 17px;border:0;border-radius:12px;color:#251006;background:linear-gradient(135deg,#b8781a,#efd176);font-weight:700}.tracking-form button:disabled{opacity:.65;cursor:wait}.tracking-message{min-height:19px;margin:0;color:#dc8980;font-size:10px}.tracking-result{margin-top:30px;padding:28px;border:1px solid rgba(215,167,42,.22);border-radius:24px;background:linear-gradient(145deg,rgba(48,20,10,.76),rgba(17,6,4,.91));box-shadow:0 30px 80px rgba(0,0,0,.25)}.tracking-result-head{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(242,219,156,.1)}.tracking-result-head span{color:#a17b2e;font-size:9px}.tracking-result-head h2{margin:5px 0;font-size:26px}.tracking-status{padding:8px 11px;border-radius:99px;color:#e7ca83;background:rgba(215,167,42,.1);font-size:10px}.tracking-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.tracking-meta>div{padding:13px;border:1px solid rgba(242,219,156,.1);border-radius:13px;background:rgba(255,255,255,.015)}.tracking-meta span,.tracking-meta b{display:block}.tracking-meta span{color:#896a53;font-size:9px}.tracking-meta b{margin-top:5px;font-size:12px}.tracking-shipment{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:18px;border:1px solid rgba(215,167,42,.18);border-radius:16px;background:rgba(215,167,42,.035)}.tracking-shipment h3{margin:0 0 9px}.tracking-shipment p{margin:4px 0;color:#a78669;font-size:11px}.tracking-actions{display:flex;gap:7px;flex-wrap:wrap}.tracking-actions button,.tracking-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 13px;border:1px solid rgba(215,167,42,.3);border-radius:10px;color:#e2c173;background:rgba(215,167,42,.03);font-size:10px}.tracking-timeline{display:grid;gap:0;margin-top:24px}.tracking-step{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:11px;min-height:63px}.tracking-step:not(:last-child):after{content:"";position:absolute;right:15px;top:31px;bottom:0;width:1px;background:rgba(242,219,156,.12)}.tracking-step>i{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(242,219,156,.16);border-radius:50%;color:#88694f;font-style:normal}.tracking-step.done>i{color:#251006;border-color:#d7a72a;background:#d7a72a}.tracking-step b,.tracking-step small{display:block}.tracking-step b{font-size:12px}.tracking-step small,.tracking-step time{color:#82634e;font-size:9px}.tracking-security{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;margin-top:24px;padding:18px;border:1px solid rgba(242,219,156,.1);border-radius:16px;color:#96765e;background:rgba(255,255,255,.015)}.tracking-security i{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(215,167,42,.25);border-radius:50%;color:#d7a72a;font-style:normal}.tracking-security b{color:#d1b271}.tracking-security p{margin:4px 0 0;line-height:1.9;font-size:10px}#tracking-toast{position:fixed;z-index:50;bottom:20px;left:50%;padding:11px 16px;border:1px solid rgba(215,167,42,.4);border-radius:11px;background:#2a1007;color:#efd17c;transform:translate(-50%,18px);opacity:0;transition:.22s}#tracking-toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:850px){.tracking-nav{display:none}.tracking-hero{grid-template-columns:1fr;gap:28px}.tracking-meta{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tracking-main{padding:42px 0 70px}.tracking-hero{min-height:0}.tracking-copy h1{font-size:40px}.tracking-form,.tracking-result{padding:18px}.tracking-meta{grid-template-columns:1fr}.tracking-shipment{grid-template-columns:1fr}.tracking-result-head{display:grid}.tracking-step{grid-template-columns:32px 1fr}.tracking-step time{grid-column:2}.tracking-back{font-size:0}.tracking-back:after{content:"فروشگاه ←";font-size:10px}}
