.track-order{display:block;width:100%;padding-block:var(--section-spacing, 4rem);color:var(--color-text, #1e293b);background-color:var(--color-background, #ffffff);font-family:var(--body-font, inherit)}.track-order .track-order__container{width:100%;max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--bs-gutter-x, 1.5rem)}.track-order .track-order__hero{text-align:center;max-width:680px;margin-inline:auto;margin-bottom:3.5rem}.track-order .track-order__badge-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;border-radius:9999px;font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background-color:rgba(var(--color-heading-rgb, 17, 24, 39),.06);color:var(--color-heading, #0f172a);margin-bottom:1.2rem}.track-order .track-order__heading{font-family:var(--heading-font, inherit);font-size:clamp(2.4rem,4vw,3.8rem);font-weight:var(--heading-weight, 700);letter-spacing:var(--heading-letter-spacing, normal);color:var(--color-heading, #0f172a);line-height:1.2;margin-top:0;margin-bottom:1.2rem}.track-order .track-order__subheading{font-size:clamp(1.4rem,2vw,1.6rem);line-height:1.6;color:rgba(var(--color-text-rgb, 30, 41, 59),.8);margin:0}.track-order .track-order__form-card{background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--rounded-radius, 16px);padding:clamp(2rem,4vw,3.5rem);box-shadow:var(--shadow, 0 10px 30px rgba(0, 0, 0, .05));max-width:640px;margin-inline:auto;margin-bottom:4rem;transition:box-shadow .3s ease,border-color .3s ease}.track-order .track-order__form-card:focus-within{border-color:var(--color-primary, #0f172a);box-shadow:0 15px 35px #00000014}.track-order .track-order__form{display:flex;flex-direction:column;gap:2rem}.track-order .track-order__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}@media(max-width:640px){.track-order .track-order__form-grid{grid-template-columns:1fr}}.track-order .track-order__field-group{display:flex;flex-direction:column;gap:.6rem}.track-order .track-order__label{font-size:1.3rem;font-weight:600;color:var(--color-heading, #0f172a)}.track-order .track-order__input{width:100%;height:var(--input-height, 5rem);padding:var(--input-padding, 1rem 1.5rem);font-size:var(--input-font-size, 1.4rem);font-family:inherit;color:var(--input-color, var(--color-text, #1e293b));background-color:var(--input-bg, #f8fafc);border:var(--inputs-border-width, 1px) solid var(--color-border, #e2e8f0);border-radius:var(--input-border-radius, var(--btn-radius, 8px));outline:none;transition:border-color .2s ease,box-shadow .2s ease}.track-order .track-order__input::placeholder{color:var(--input-placeholder-color, rgba(15, 23, 42, .45))}.track-order .track-order__input:focus{border-color:var(--color-primary, #0f172a);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 15, 23, 42),.12);background-color:#fff}.track-order .track-order__submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:var(--input-height, 5rem);padding:var(--btn-padding-y, 1.5rem) var(--btn-padding-x, 3rem);font-family:inherit;font-size:var(--btn-font-size, 1.5rem);font-weight:600;letter-spacing:var(--btn-letter-spacing, .02em);text-transform:var(--btn-text-transform, none);color:var(--btn-primary-color, #ffffff);background:var(--btn-primary-bg-color, var(--color-primary, #0f172a));border:1px solid var(--btn-primary-bg-color, var(--color-primary, #0f172a));border-radius:var(--btn-radius, 8px);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.3,1,.3,1)}.track-order .track-order__submit-btn:hover{color:var(--btn-primary-hover-color, #ffffff);background:var(--btn-primary-hover-bg-color, #1e293b);border-color:var(--btn-primary-hover-bg-color, #1e293b);transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.track-order .track-order__submit-btn:active{transform:translateY(0)}.track-order .track-order__submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.track-order .track-order__spinner{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:trackOrderSpin .8s linear infinite}@keyframes trackOrderSpin{to{transform:rotate(360deg)}}.track-order .track-order__error-banner{display:flex;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.8rem;border-radius:var(--btn-radius, 8px);background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:1.4rem;line-height:1.5;margin-top:1rem;animation:trackOrderSlideDown .3s ease forwards}.track-order .track-order__error-icon{flex-shrink:0;width:2rem;height:2rem;color:#dc2626}.track-order .track-order__skeleton-card{background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--rounded-radius, 16px);padding:clamp(2rem,4vw,3.5rem);margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.track-order .track-order__skeleton-box{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:6px;animation:trackOrderShimmer 1.5s infinite}@keyframes trackOrderShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.track-order .track-order__result-wrapper{margin-top:3.5rem;animation:trackOrderFadeIn .5s ease forwards}.track-order .track-order__timeline-card{background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--rounded-radius, 16px);padding:clamp(2rem,4vw,3.5rem);box-shadow:var(--shadow, 0 10px 30px rgba(0, 0, 0, .04));margin-bottom:3rem}.track-order .track-order__timeline-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.track-order .track-order__timeline-title{font-family:var(--heading-font, inherit);font-size:1.8rem;font-weight:700;color:var(--color-heading, #0f172a);margin:0}.track-order .track-order__timeline-track{display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:1rem}@media(max-width:768px){.track-order .track-order__timeline-track{flex-direction:column;gap:2.5rem;padding-left:1.5rem}}@media(min-width:769px){.track-order .track-order__timeline-track:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:3px;background-color:var(--color-border, #e2e8f0);z-index:1}.track-order .track-order__timeline-progress-fill{position:absolute;top:20px;left:40px;height:3px;background-color:var(--color-primary, #0f172a);z-index:2;transition:width .8s cubic-bezier(.3,1,.3,1)}}@media(max-width:768px){.track-order .track-order__timeline-track:before{content:"";position:absolute;top:20px;bottom:20px;left:31px;width:3px;background-color:var(--color-border, #e2e8f0);z-index:1}.track-order .track-order__timeline-progress-fill{position:absolute;top:20px;left:31px;width:3px;background-color:var(--color-primary, #0f172a);z-index:2;transition:height .8s cubic-bezier(.3,1,.3,1)}}.track-order .track-order__timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:3;flex:1}@media(max-width:768px){.track-order .track-order__timeline-step{flex-direction:row;gap:1.5rem;text-align:left;width:100%}}.track-order .track-order__step-icon-wrap{width:42px;height:42px;border-radius:50%;background:var(--color-background, #ffffff);border:2px solid var(--color-border, #cbd5e1);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;transition:all .4s ease;margin-bottom:1rem}@media(max-width:768px){.track-order .track-order__step-icon-wrap{margin-bottom:0;flex-shrink:0}}.track-order .track-order__timeline-step.is-completed .track-order__step-icon-wrap{background:var(--color-primary, #0f172a);border-color:var(--color-primary, #0f172a);color:#fff}.track-order .track-order__timeline-step.is-current .track-order__step-icon-wrap{background:var(--color-background, #ffffff);border-color:var(--color-primary, #0f172a);color:var(--color-primary, #0f172a);box-shadow:0 0 0 6px rgba(var(--color-primary-rgb, 15, 23, 42),.15);animation:trackOrderPulse 2s infinite}@keyframes trackOrderPulse{0%{box-shadow:0 0 rgba(var(--color-primary-rgb, 15, 23, 42),.3)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb, 15, 23, 42),0)}to{box-shadow:0 0 rgba(var(--color-primary-rgb, 15, 23, 42),0)}}.track-order .track-order__step-label{font-size:1.25rem;font-weight:600;color:rgba(var(--color-text-rgb, 30, 41, 59),.6);transition:color .3s ease}.track-order .track-order__timeline-step.is-completed .track-order__step-label,.track-order .track-order__timeline-step.is-current .track-order__step-label{color:var(--color-heading, #0f172a);font-weight:700}.track-order .track-order__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:var(--bages-radius, 9999px);font-size:1.2rem;font-weight:600;line-height:1;text-transform:capitalize}.track-order .track-order__badge--confirmed,.track-order .track-order__badge--paid,.track-order .track-order__badge--delivered{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.track-order .track-order__badge--processing,.track-order .track-order__badge--packed,.track-order .track-order__badge--shipped{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.track-order .track-order__badge--pending{background-color:#fffbeb;color:#b45309;border:1px solid #fde68a}.track-order .track-order__badge--cancelled,.track-order .track-order__badge--refunded,.track-order .track-order__badge--returned{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.track-order .track-order__details-grid{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem}@media(max-width:991px){.track-order .track-order__details-grid{grid-template-columns:1fr}}.track-order .track-order__card{background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--rounded-radius, 16px);padding:clamp(2rem,3vw,3rem);box-shadow:var(--shadow, 0 10px 30px rgba(0, 0, 0, .04));margin-bottom:2.5rem}.track-order .track-order__card-title{font-family:var(--heading-font, inherit);font-size:1.7rem;font-weight:700;color:var(--color-heading, #0f172a);margin-top:0;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.track-order .track-order__info-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.6rem}.track-order .track-order__info-item{display:flex;flex-direction:column;gap:.4rem}.track-order .track-order__info-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-text-rgb, 30, 41, 59),.6);font-weight:600}.track-order .track-order__info-value{font-size:1.5rem;font-weight:600;color:var(--color-heading, #0f172a)}.track-order .track-order__tracking-btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.8rem 1.6rem;border-radius:var(--btn-radius, 6px);background-color:var(--color-primary, #0f172a);color:#fff;text-decoration:none;font-size:1.3rem;font-weight:600;transition:opacity .2s ease,transform .2s ease}.track-order .track-order__tracking-btn:hover{opacity:.9;transform:translateY(-1px);color:#fff;text-decoration:none}.track-order .track-order__item-row{display:flex;align-items:center;gap:1.6rem;padding-block:1.4rem;border-bottom:1px solid var(--color-border, #f1f5f9)}.track-order .track-order__item-row:last-child{border-bottom:none}.track-order .track-order__item-thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;background-color:#f8fafc;border:1px solid var(--color-border, #e2e8f0);flex-shrink:0}.track-order .track-order__item-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.track-order .track-order__item-title{font-size:1.4rem;font-weight:600;color:var(--color-heading, #0f172a)}.track-order .track-order__item-meta{font-size:1.25rem;color:rgba(var(--color-text-rgb, 30, 41, 59),.7)}.track-order .track-order__item-price{font-size:1.4rem;font-weight:700;color:var(--color-heading, #0f172a);white-space:nowrap}.track-order .track-order__summary-row{display:flex;justify-content:space-between;align-items:center;padding-block:.8rem;font-size:1.4rem;color:rgba(var(--color-text-rgb, 30, 41, 59),.8)}.track-order .track-order__summary-row--grand{padding-top:1.5rem;margin-top:1rem;border-top:2px solid var(--color-border, #e2e8f0);font-size:1.7rem;font-weight:700;color:var(--color-heading, #0f172a)}@keyframes trackOrderFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes trackOrderSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/track-order.css.map */