.kh-track{padding:6rem 0 8rem;max-width:900px}.kh-track__hero{text-align:center;margin-bottom:4rem}.kh-track__intro{color:var(--kh-text-secondary);font-size:1.5rem;margin:1rem auto 0;max-width:560px}.kh-track__list{display:flex;flex-direction:column;gap:2.4rem}.kh-track__card{position:relative;padding:3.2rem;overflow:hidden}.kh-track__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--kh-accent) 25%,var(--kh-accent-light) 50%,var(--kh-accent) 75%,transparent);opacity:.85}.kh-track__card-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.2rem;margin-bottom:3.2rem}.kh-track__order-id{color:var(--kh-text);font-family:var(--kh-font-heading);font-size:2rem;font-weight:700;margin:0}.kh-track__order-date{color:var(--kh-text-secondary);font-size:1.2rem;margin-top:.4rem}.kh-track__status-pill{padding:.6rem 1.4rem;border-radius:999px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.kh-track__status-pill--unfulfilled{background:#f59e0b24;color:var(--kh-warn);border:1px solid rgba(245,158,11,.4)}.kh-track__status-pill--partial{background:#2563eb24;color:var(--kh-accent-light);border:1px solid rgba(37,99,235,.4)}.kh-track__status-pill--fulfilled{background:#22c55e24;color:var(--kh-success);border:1px solid rgba(34,197,94,.4)}.kh-track__status-pill--cancelled{background:#ef444424;color:var(--kh-danger);border:1px solid rgba(239,68,68,.4)}.kh-track__stages{list-style:none;display:flex;justify-content:space-between;margin:0 0 3.2rem;padding:0;position:relative}.kh-track__stages:before{content:"";position:absolute;top:9px;left:5%;right:5%;height:2px;background:var(--kh-border);z-index:0}.kh-track__stages li{position:relative;z-index:1;flex:1;text-align:center;color:var(--kh-text-secondary);font-size:1.1rem}.kh-track__stages li p{margin:1rem 0 0;color:var(--kh-text-secondary)}.kh-track__dot{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--kh-surface);border:2px solid var(--kh-border)}.kh-track__stages li.is-complete .kh-track__dot{background:var(--kh-accent);border-color:var(--kh-accent);box-shadow:0 0 10px var(--kh-accent-glow)}.kh-track__stages li.is-complete p{color:var(--kh-text)}@media screen and (max-width:620px){.kh-track__stages{flex-direction:column;align-items:flex-start;gap:1.6rem}.kh-track__stages:before{display:none}.kh-track__stages li{display:flex;align-items:center;gap:1rem;text-align:left}.kh-track__stages li p{margin:0}}.kh-track__items{display:flex;flex-direction:column;gap:1.4rem;border-top:1px solid var(--kh-border);padding-top:2.4rem}.kh-track__item{display:flex;gap:1.4rem;align-items:center}.kh-track__item-thumb{width:56px;height:56px;border-radius:var(--kh-radius-sm);background:var(--kh-surface-2);border:1px solid var(--kh-border);flex:none;overflow:hidden;display:block}.kh-track__item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kh-track__item-name{color:var(--kh-text);font-weight:600;margin:0}.kh-track__item-meta{color:var(--kh-text-secondary);font-size:1.2rem;margin-top:.2rem}.kh-track__item-more{color:var(--kh-text-secondary);font-size:1.2rem;margin:0}.kh-track__card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.4rem;margin-top:2.8rem;padding-top:2rem;border-top:1px solid var(--kh-border)}.kh-track__total{color:var(--kh-text);font-weight:600;font-size:1.4rem;margin:0}.kh-track__view-btn{padding:1rem 2rem;white-space:nowrap}.kh-track__pagination{display:flex;justify-content:space-between;margin-top:3.2rem}.kh-track__page-link{color:var(--kh-accent-light);font-weight:600;text-decoration:none}.kh-track__page-link:hover{color:var(--kh-text)}.kh-track__empty{padding:5rem 3rem;text-align:center;max-width:560px;margin:0 auto}.kh-track__empty-title{font-family:var(--kh-font-heading);font-size:2.2rem;color:var(--kh-text);margin:0 0 1rem}.kh-track__empty-text{color:var(--kh-text-secondary);font-size:1.4rem;margin:0 0 2.4rem}@media screen and (max-width:599px){.kh-track__card{padding:2.2rem}.kh-track__card-footer{flex-direction:column;align-items:flex-start}.kh-track__view-btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kardihub-track-order.css.map */