.track-hero{background:linear-gradient(135deg,var(--brand-forest) 0%,#2D4520 100%);padding:4rem 0 3.5rem}.track-form-section{padding-top:0;margin-top:-2rem;position:relative;z-index:10}.track-form{max-width:520px;margin:0 auto;background:var(--neutral-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);overflow:hidden}.track-tabs{display:flex;border-bottom:1px solid var(--neutral-200)}.track-tabs__tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.875rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--neutral-500);background:var(--neutral-50);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.track-tabs__tab:hover{color:var(--neutral-700);background:var(--neutral-100)}.track-tabs__tab.active{color:var(--brand-green);background:var(--neutral-white);border-bottom-color:var(--brand-green)}.track-tabs__tab:focus-visible{outline:2px solid var(--brand-green);outline-offset:-2px}.track-tabs__tab i{font-size:1rem}.track-form__panel{padding:1.5rem}.track-form__panel[hidden]{display:none}.track-form__inner{display:flex;flex-direction:column;gap:1.25rem}.track-form__group{display:flex;flex-direction:column;gap:.375rem}.track-form__label{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--neutral-700)}.track-form__input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9375rem;color:var(--neutral-900);background:var(--neutral-white);border:1.5px solid var(--neutral-300);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.track-form__input::placeholder{color:var(--neutral-400)}.track-form__input:focus{outline:none;border-color:var(--brand-green);box-shadow:var(--shadow-focus)}.track-form__helper{font-family:var(--font-body);font-size:.75rem;color:var(--neutral-400);line-height:1.4}.track-form__group--error .track-form__input{border-color:#c74040;background:#fef2f2}.track-form__group--error .track-form__input:focus{box-shadow:0 0 0 3px #c740401f}.track-form__submit{margin-top:.25rem}.track-result{max-width:520px;margin:2rem auto 0;background:var(--neutral-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:1.5rem;animation:trackResultFadeIn .4s ease-out}.track-result[hidden]{display:none}@keyframes trackResultFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.track-result__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--neutral-200)}.track-result__order-id{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--neutral-900);margin-bottom:.125rem}.track-result__order-date{font-family:var(--font-body);font-size:.8125rem;color:var(--neutral-500)}.track-result__carrier-link{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--brand-green);white-space:nowrap;transition:color var(--transition-fast)}.track-result__carrier-link:hover{color:var(--brand-green-dark)}.track-result__carrier-link i{font-size:.875rem}.track-timeline{list-style:none;padding:0;margin:0;position:relative}.track-timeline__step{display:flex;gap:1rem;position:relative;padding-bottom:1.5rem}.track-timeline__step:last-child{padding-bottom:0}.track-timeline__step:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--neutral-200)}.track-timeline__step:last-child:before{display:none}.track-timeline__step--complete:before{background:var(--success)}.track-timeline__step--current:before{background:var(--neutral-200)}.track-timeline__dot{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.track-timeline__step--complete .track-timeline__dot i{font-size:1.375rem;color:var(--success)}.track-timeline__dot-pulse{display:block;width:14px;height:14px;background:var(--success);border-radius:50%;position:relative}.track-timeline__dot-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--success);animation:timelinePulse 2s ease-in-out infinite}@keyframes timelinePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}@media(prefers-reduced-motion:reduce){.track-timeline__dot-pulse:after{animation:none;opacity:.3}}.track-timeline__dot-empty{display:block;width:14px;height:14px;border:2px solid var(--neutral-300);border-radius:50%;background:var(--neutral-white)}.track-timeline__content{flex:1;padding-top:.125rem}.track-timeline__title{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--neutral-900);line-height:1.3}.track-timeline__date{font-family:var(--font-body);font-size:.75rem;color:var(--neutral-500);margin-top:.125rem}.track-timeline__desc{font-family:var(--font-body);font-size:.8125rem;color:var(--neutral-500);margin-top:.25rem;line-height:1.5}.track-timeline__step--current .track-timeline__title{color:var(--brand-green);font-weight:700}.track-timeline__step--pending .track-timeline__title{color:var(--neutral-400);font-weight:500}.track-timeline__step--pending .track-timeline__date{color:var(--neutral-300)}.track-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.track-info-card{background:var(--neutral-white);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;box-shadow:var(--shadow-1);transition:box-shadow var(--transition-base),transform var(--transition-base)}.track-info-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.track-info-card__icon{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-green-10);border-radius:var(--radius-full);margin-bottom:1rem}.track-info-card__icon i{font-size:1.375rem;color:var(--brand-green)}.track-info-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.track-info-card__text{font-family:var(--font-body);font-size:.8125rem;color:var(--neutral-500);line-height:1.5}.track-info-card__text+.track-info-card__text{margin-top:.25rem}.track-info-card__text--highlight{color:var(--brand-green);font-weight:600}.track-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.track-help-card{background:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.track-help-card:hover{border-color:var(--brand-green-20);box-shadow:var(--shadow-2)}.track-help-card__icon{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-cream);border-radius:var(--radius-full);margin-bottom:1rem}.track-help-card__icon i{font-size:1.375rem;color:var(--brand-forest)}.track-help-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--neutral-900);margin-bottom:.5rem}.track-help-card__text{font-family:var(--font-body);font-size:.8125rem;color:var(--neutral-500);line-height:1.5;margin-bottom:.75rem}.track-help-card__link{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--brand-green);transition:color var(--transition-fast)}.track-help-card__link:hover{color:var(--brand-green-dark)}.track-help-card__link i{font-size:.875rem;transition:transform var(--transition-fast)}.track-help-card__link:hover i{transform:translate(2px)}@media(max-width:768px){.track-hero{padding:3rem 0 2.5rem}.track-form-section{margin-top:-1.5rem}.track-form,.track-result{max-width:100%}.track-info-grid,.track-help-grid{grid-template-columns:1fr;gap:1rem}.track-result__header{flex-direction:column;gap:.5rem}}@media(max-width:480px){.track-form__panel,.track-result{padding:1.25rem}.track-tabs__tab{font-size:.8125rem;padding:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/track-order.css.map */