.tracking-page{--tracking-primary: var(--color-primary, #FFD700);--tracking-primary-hover: var(--color-primary-hover, #FFE44D);--tracking-bg: var(--color-background, #0a0a0a);--tracking-surface: var(--color-surface, rgba(255, 255, 255, .03));--tracking-surface-hover: var(--color-surface-hover, rgba(255, 255, 255, .05));--tracking-text: var(--color-foreground, #f5f5f5);--tracking-text-secondary: var(--color-foreground-secondary, rgba(255, 255, 255, .7));--tracking-border: var(--color-border, rgba(255, 255, 255, .1));--tracking-border-hover: var(--color-border-hover, rgba(255, 255, 255, .2));--tracking-success: var(--color-success, #10b981);--tracking-warning: var(--color-warning, #f59e0b);--tracking-error: var(--color-error, #ef4444);--tracking-info: var(--color-info, #3b82f6);--tracking-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .6));--tracking-shadow-glow: var(--shadow-glow, 0 0 20px rgba(255, 215, 0, .15));--tracking-radius: var(--border-radius-lg, 12px);--tracking-font-heading: var(--font-heading-family, "Oswald", sans-serif);--tracking-font-body: var(--font-primary-family, "Roboto", sans-serif)}.tracking-page{background-color:var(--tracking-bg);color:var(--tracking-text);min-height:70vh;padding:2rem 1rem;font-family:var(--tracking-font-body)}.tracking-container{max-width:800px;margin:0 auto}.tracking-hero{text-align:center;margin-bottom:2.5rem;padding:0}.tracking-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--tracking-primary) 0%,var(--tracking-primary-hover) 100%);border-radius:50%;margin-bottom:1.5rem;box-shadow:0 8px 24px #ffd70040;transition:transform .3s ease,box-shadow .3s ease}.tracking-hero__icon svg{color:#000;width:40px;height:40px}.tracking-hero__icon:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 32px #ffd70059}.tracking-hero__title{font-family:var(--tracking-font-heading);font-size:2rem;font-weight:700;margin:0 0 .75rem;color:var(--tracking-text);line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.tracking-hero__subtitle{font-size:1rem;color:var(--tracking-text-secondary);line-height:1.6;max-width:500px;margin:0 auto}.tracking-form-wrapper{background:var(--tracking-surface);border:1px solid var(--tracking-border);border-radius:var(--tracking-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--tracking-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tracking-form__fields{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.tracking-form__field{display:flex;flex-direction:column}.tracking-form__label{font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:var(--tracking-text);display:flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.05em}.tracking-form__required{color:var(--tracking-primary);font-weight:700}.tracking-form__input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:var(--tracking-font-body);border:2px solid var(--tracking-border);border-radius:8px;background-color:var(--tracking-surface)!important;color:var(--tracking-text);transition:all .2s ease}.tracking-form__input:-webkit-autofill,.tracking-form__input:-webkit-autofill:hover,.tracking-form__input:-webkit-autofill:focus,.tracking-form__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--tracking-surface) inset!important;-webkit-text-fill-color:var(--tracking-text)!important;background-color:var(--tracking-surface)!important;transition:background-color 5000s ease-in-out 0s}.tracking-form__input:invalid{border-color:var(--tracking-border);box-shadow:none}.tracking-form__input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--tracking-error)}.tracking-form__input:focus{outline:none;border-color:var(--tracking-primary);box-shadow:0 0 0 4px #ffd70026}.tracking-form__input:valid:not(:placeholder-shown):not(:focus){border-color:var(--tracking-success)}.tracking-form__input::placeholder{color:var(--tracking-text-secondary);opacity:.6}.tracking-form__hint{font-size:.8125rem;color:var(--tracking-text-secondary);margin-top:.375rem;display:flex;align-items:flex-start}.tracking-form__submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-family:var(--tracking-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;background:linear-gradient(135deg,var(--tracking-primary) 0%,var(--tracking-primary-hover) 100%);color:#000;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.tracking-form__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.tracking-form__submit:hover:before{left:100%}.tracking-form__submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd70066}.tracking-form__submit:active{transform:translateY(0)}.tracking-form__submit-icon{flex-shrink:0;color:#000}.tracking-form__loading,.tracking-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.9375rem}.tracking-form__loading{background-color:var(--tracking-info);color:#fff}.tracking-form__error{background-color:var(--tracking-error);color:#fff}.tracking-form__spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tracking-spin .8s linear infinite}@keyframes tracking-spin{to{transform:rotate(360deg)}}.tracking-results{display:flex;flex-direction:column;gap:1.5rem;animation:tracking-fade-in .4s ease}@keyframes tracking-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tracking-order,.tracking-shipment,.tracking-items{background:var(--tracking-surface);border:1px solid var(--tracking-border);border-radius:var(--tracking-radius);padding:1.5rem;box-shadow:var(--tracking-shadow)}.tracking-order__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--tracking-border)}.tracking-order__title{font-family:var(--tracking-font-heading);font-size:1.125rem;font-weight:700;margin:0;color:var(--tracking-text);text-transform:uppercase;letter-spacing:.02em}.tracking-order__number{font-size:1rem;font-weight:700;color:var(--tracking-primary);font-family:var(--tracking-font-heading)}.tracking-order__status{padding:1rem;background:var(--tracking-surface-hover);border-radius:8px;border:1px solid var(--tracking-border);margin-bottom:1.25rem;text-align:center}.tracking-order__status-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:50px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-family:var(--tracking-font-heading)}.tracking-order__status-badge.status-pending{background:linear-gradient(135deg,var(--tracking-warning) 0%,#fbbf24 100%);color:#000}.tracking-order__status-badge.status-shipped{background:linear-gradient(135deg,var(--tracking-info) 0%,#60a5fa 100%);color:#fff}.tracking-order__status-badge.status-delivered{background:linear-gradient(135deg,var(--tracking-success) 0%,#34d399 100%);color:#fff}.tracking-order__status-text{margin:0;font-size:.875rem;color:var(--tracking-text-secondary)}.tracking-order__details{display:flex;flex-direction:column;gap:.75rem}.tracking-order__detail{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--tracking-border);font-size:.9375rem}.tracking-order__detail:last-child{border-bottom:none;padding-bottom:0}.tracking-order__detail strong{color:var(--tracking-text);font-weight:600}.tracking-order__detail span{color:var(--tracking-text-secondary);text-align:right}.tracking-shipment__title{font-family:var(--tracking-font-heading);font-size:1rem;font-weight:700;margin:0 0 1rem;color:var(--tracking-text);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.02em}.tracking-shipment__title svg{color:var(--tracking-primary)}.tracking-shipment__info{padding:1rem;background:var(--tracking-surface-hover);border-radius:8px;border-left:4px solid var(--tracking-primary);margin-bottom:1rem}.tracking-shipment__info p{margin:.5rem 0;font-size:.9375rem;color:var(--tracking-text)}.tracking-shipment__info p:first-child{margin-top:0}.tracking-shipment__info p:last-child{margin-bottom:0}.tracking-shipment__info strong{color:var(--tracking-text)}.tracking-shipment__button-wrapper{display:flex;justify-content:center}#trackingButton{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-family:var(--tracking-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-radius:8px;background:transparent;border:2px solid var(--tracking-border);color:var(--tracking-text);transition:all .2s ease}#trackingButton:hover{border-color:var(--tracking-primary);color:var(--tracking-primary);background:#ffd7001a;transform:translateY(-2px)}.tracking-items__title{font-family:var(--tracking-font-heading);font-size:1rem;font-weight:700;margin:0 0 1rem;color:var(--tracking-text);text-transform:uppercase;letter-spacing:.02em}.tracking-items__list{display:flex;flex-direction:column;gap:.75rem}.tracking-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--tracking-surface-hover);border-radius:8px;border:1px solid var(--tracking-border);transition:border-color .2s ease}.tracking-item:hover{border-color:var(--tracking-border-hover)}.tracking-item__image{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--tracking-surface)}.tracking-item__details{flex:1;min-width:0}.tracking-item__name{font-weight:600;margin:0 0 .25rem;color:var(--tracking-text);font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-item__variant{font-size:.8125rem;color:var(--tracking-text-secondary);margin:0}.tracking-item__quantity{font-size:.875rem;font-weight:700;color:var(--tracking-primary);white-space:nowrap;font-family:var(--tracking-font-heading)}.tracking-new-search{width:100%;padding:1rem 2rem;font-size:.9375rem;font-family:var(--tracking-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--tracking-border);border-radius:8px;background:transparent;color:var(--tracking-text);cursor:pointer;transition:all .2s ease}.tracking-new-search:hover{border-color:var(--tracking-primary);color:var(--tracking-primary);background:#ffd7001a;transform:translateY(-2px)}.tracking-info{background:var(--tracking-surface);border:1px solid var(--tracking-border);border-radius:var(--tracking-radius);padding:1.5rem;margin-top:2rem;box-shadow:var(--tracking-shadow)}.tracking-info__title{font-family:var(--tracking-font-heading);font-size:1.25rem;font-weight:700;margin:0 0 1.25rem;color:var(--tracking-text);text-align:center;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:.5rem}.tracking-info__title:before{content:"\1f914"}.tracking-info__grid{display:grid;gap:1rem;margin-bottom:1.5rem}.tracking-info__item{padding:1.25rem;background:var(--tracking-surface-hover);border-radius:8px;border-left:4px solid var(--tracking-primary);transition:transform .2s ease}.tracking-info__item:hover{transform:translate(4px)}.tracking-info__item-title{font-family:var(--tracking-font-heading);font-size:.9375rem;font-weight:700;margin:0 0 .5rem;color:var(--tracking-text);text-transform:uppercase;letter-spacing:.02em}.tracking-info__item-text{font-size:.875rem;color:var(--tracking-text-secondary);margin:0;line-height:1.6}.tracking-info__action{display:flex;justify-content:center}.tracking-info__action .button{padding:.875rem 2rem;font-family:var(--tracking-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 768px){.tracking-page{padding:3rem 1.5rem}.tracking-hero{margin-bottom:3rem}.tracking-hero__icon{width:100px;height:100px}.tracking-hero__icon svg{width:48px;height:48px}.tracking-hero__title{font-size:2.5rem}.tracking-hero__subtitle{font-size:1.125rem}.tracking-form-wrapper{padding:2rem}.tracking-form__fields{flex-direction:row;gap:1.5rem}.tracking-form__field{flex:1}.tracking-form__submit{width:auto;min-width:220px;align-self:flex-end}.tracking-order,.tracking-shipment,.tracking-items,.tracking-info{padding:2rem}.tracking-order__details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tracking-order__detail{border-bottom:none;padding-bottom:0;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;background:var(--tracking-surface-hover);border-radius:8px}.tracking-order__detail span{text-align:left;font-size:1rem;color:var(--tracking-text)}.tracking-info__grid{grid-template-columns:repeat(3,1fr)}.tracking-item{gap:1.25rem}.tracking-item__image{width:72px;height:72px}.tracking-new-search{width:auto;min-width:280px;margin:0 auto;display:block}}@media (min-width: 1024px){.tracking-container{max-width:900px}.tracking-hero__title{font-size:3rem}.tracking-form-wrapper{padding:2.5rem}}[hidden]{display:none!important}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;font-family:var(--tracking-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.button--primary{background:linear-gradient(135deg,var(--tracking-primary) 0%,var(--tracking-primary-hover) 100%);color:#000;padding:.875rem 1.5rem}.button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd70066}.button--secondary{background:transparent;border:2px solid var(--tracking-border);color:var(--tracking-text);padding:.75rem 1.25rem}.button--secondary:hover{border-color:var(--tracking-primary);color:var(--tracking-primary);background:#ffd7001a}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tracking-form__input:focus-visible,.tracking-form__submit:focus-visible,.tracking-new-search:focus-visible,#trackingButton:focus-visible,.button:focus-visible{outline:2px solid var(--tracking-primary);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/tracking.css.map */