.qptt-tracking{margin:24px 0;padding:22px;border:1px solid #e6e8ec;border-radius:18px;background:#fff}.qptt-tracking h2{margin:0 0 18px;font-size:1.25rem}.qptt-tracking__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qptt-tracking__step{position:relative;padding:16px 12px 14px 42px;border-radius:14px;background:#f5f6f8;color:#7a7f88}.qptt-tracking__step strong,.qptt-tracking__step small,.qptt-tracking__step time{display:block}.qptt-tracking__step small{margin-top:4px;line-height:1.3}.qptt-tracking__step time{margin-top:7px;font-size:.78rem}.qptt-tracking__dot{position:absolute;left:15px;top:18px;width:14px;height:14px;border-radius:50%;background:#cfd3d9}.qptt-tracking__step.is-done{background:#fff8d9;color:#1f2937}.qptt-tracking__step.is-done .qptt-tracking__dot{background:#f3c500;box-shadow:0 0 0 5px rgba(243,197,0,.15)}.qptt-tracking__step.is-current{outline:2px solid #f3c500}.qptt-account-order{margin:0 0 24px;padding:18px;border:1px solid #e6e8ec;border-radius:18px}.qptt-account-order>header{display:flex;justify-content:space-between;gap:15px;align-items:center}.qptt-account-order .qptt-tracking{border:0;padding:18px 0 0;margin:0}@media(max-width:800px){.qptt-tracking__steps{grid-template-columns:1fr}.qptt-account-order>header{align-items:flex-start;flex-direction:column}}