:root{--dt-primary-color: #1E2D7D;--dt-accent-color: #FF580D;--dt-danger-color: #d32f2f;--dt-bg-white: #ffffff;--dt-bg-urgency: #fff3cd;--dt-text-dark: #374151;--dt-text-muted: #6b7280;--dt-text-urgency: #856404;--dt-border-light: #e5e7eb;--dt-border-urgency: #d32f2f;--dt-arrow-inactive: #d1d5db;--dt-spacing-xs: 4px;--dt-spacing-sm: 8px;--dt-spacing-md: 12px;--dt-spacing-lg: 16px;--dt-spacing-xl: 20px;--dt-spacing-xxl: 24px;--dt-font-xs: 11px;--dt-font-sm: 13px;--dt-font-md: 14px;--dt-font-lg: 15px;--dt-font-xl: 16px;--dt-font-weight-normal: 500;--dt-font-weight-medium: 600;--dt-font-weight-bold: 700;--dt-font-weight-extra: 800;--dt-icon-sm: 24px;--dt-icon-md: 28px;--dt-icon-lg: 32px;--dt-border-radius: 12px;--dt-border-radius-sm: 8px;--dt-shadow-light: 0 2px 4px rgba(0, 0, 0, .05);--dt-shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--dt-shadow-strong: 0 8px 24px rgba(0, 0, 0, .15);--dt-transition-fast: .2s ease;--dt-transition-medium: .3s ease;--dt-transition-slow: .5s ease;--dt-transition-bounce: .3s cubic-bezier(.4, 0, .2, 1)}.mt-product-delivery-tracker{margin:var(--dt-spacing-xl) 0;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);max-width:100%;box-sizing:border-box}.urgency-message{text-align:center;margin-bottom:var(--dt-spacing-lg);padding:var(--dt-spacing-sm) var(--dt-spacing-lg);background:linear-gradient(135deg,var(--dt-bg-urgency) 0%,#ffeaa7 100%);border-radius:var(--dt-border-radius-sm);border-left:4px solid var(--dt-border-urgency);position:relative;overflow:hidden}.urgency-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.urgency-message p{font-size:var(--dt-font-lg);font-weight:var(--dt-font-weight-medium);margin:0;color:var(--dt-text-urgency);position:relative;z-index:1}.countdown-timer{color:var(--dt-danger-color);font-weight:var(--dt-font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.5px}.delivery-tracking-container{display:flex;justify-content:space-between;align-items:center;background:var(--dt-bg-white);padding:var(--dt-spacing-xl);border-radius:var(--dt-border-radius);box-shadow:var(--dt-shadow-medium);border:1px solid var(--dt-border-light);max-width:100%;position:relative;overflow:hidden}.delivery-tracking-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dt-primary-color) 0%,var(--dt-accent-color) 100%)}.tracking-step{flex:1;text-align:center;transition:all var(--dt-transition-bounce);position:relative;cursor:default;padding:var(--dt-spacing-sm);border-radius:var(--dt-border-radius-sm)}.tracking-step:hover{background:#1e2d7d05;transform:translateY(-1px)}.tracking-icon{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:var(--dt-spacing-sm);height:48px}.tracking-icon img{width:var(--dt-icon-lg);height:var(--dt-icon-lg);transition:all var(--dt-transition-medium);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));object-fit:contain}.icon-active{display:none}.step-title{font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-md);margin:var(--dt-spacing-sm) 0 var(--dt-spacing-xs) 0;color:var(--dt-text-dark);transition:color var(--dt-transition-medium);line-height:1.2;letter-spacing:-.02em;text-rendering:optimizeLegibility}.step-date{font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-sm);margin:0;color:var(--dt-text-muted);transition:color var(--dt-transition-medium);font-variant-numeric:tabular-nums;min-height:20px;line-height:1.3;letter-spacing:-.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 1px 2px rgba(0,0,0,.05)}.tracking-arrow{flex:0;margin:0 var(--dt-spacing-md);font-size:20px;color:var(--dt-arrow-inactive);transition:all var(--dt-transition-medium);-webkit-user-select:none;user-select:none;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tracking-step.active{transform:scale(1.05) translateY(-2px);background:#1e2d7d0d;box-shadow:0 4px 12px #1e2d7d26}.tracking-step.active .icon-default{display:none}.tracking-step.active .icon-active{display:block;animation:iconPulse .6s ease-out}@keyframes iconPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tracking-step.active .step-title,.tracking-step.active .step-date{color:var(--dt-primary-color);font-weight:var(--dt-font-weight-extra)}.tracking-arrow.active{color:var(--dt-accent-color);transform:scale(1.2);animation:arrowBounce .5s ease-out}@keyframes arrowBounce{0%,20%,50%,80%,to{transform:scale(1.2) translate(0)}40%{transform:scale(1.3) translate(2px)}60%{transform:scale(1.25) translate(-1px)}}@media(max-width:768px){.delivery-tracking-container{padding:var(--dt-spacing-lg) var(--dt-spacing-md)}.tracking-icon img{width:var(--dt-icon-md);height:var(--dt-icon-md)}.step-title{font-size:var(--dt-font-sm);font-weight:var(--dt-font-weight-bold);letter-spacing:-.01em}.step-date{font-size:var(--dt-font-xs);font-weight:var(--dt-font-weight-bold);line-height:1.4}.tracking-arrow{font-size:16px;margin:0 var(--dt-spacing-sm)}.urgency-message{padding:var(--dt-spacing-sm) var(--dt-spacing-md)}.urgency-message p{font-size:var(--dt-font-md)}.tracking-step.active .step-title,.tracking-step.active .step-date{font-weight:var(--dt-font-weight-extra)}}@media(max-width:480px){.mt-product-delivery-tracker{margin:var(--dt-spacing-lg) 0}.delivery-tracking-container{padding:var(--dt-spacing-md) var(--dt-spacing-sm);border-radius:var(--dt-border-radius-sm)}.tracking-icon{height:40px;margin-bottom:var(--dt-spacing-xs)}.tracking-icon img{width:var(--dt-icon-sm);height:var(--dt-icon-sm)}.step-title{font-size:12px;font-weight:var(--dt-font-weight-bold);margin:var(--dt-spacing-xs) 0 2px 0;letter-spacing:-.01em}.step-date{font-size:11px;font-weight:var(--dt-font-weight-bold);line-height:1.4;min-height:18px}.tracking-arrow{margin:0 var(--dt-spacing-xs);font-size:14px}.tracking-step{padding:var(--dt-spacing-xs)}.urgency-message{padding:var(--dt-spacing-xs) var(--dt-spacing-sm);margin-bottom:var(--dt-spacing-md)}.urgency-message p{font-size:var(--dt-font-sm)}.tracking-step.active .step-title,.tracking-step.active .step-date{font-weight:var(--dt-font-weight-extra)}}@media(max-width:360px){.delivery-tracking-container{padding:var(--dt-spacing-sm)}.tracking-arrow{margin:0 2px;font-size:12px}.step-title{font-size:11px;font-weight:var(--dt-font-weight-bold)}.step-date{font-size:10px;font-weight:var(--dt-font-weight-bold);line-height:1.5}}@media(prefers-color-scheme:dark){.mt-product-delivery-tracker{--dt-bg-white: #ffffff;--dt-text-dark: #374151;--dt-text-muted: #6b7280;--dt-border-light: #e5e7eb;--dt-bg-urgency: #fff3cd;--dt-text-urgency: #856404}.delivery-tracking-container{box-shadow:0 4px 12px #0000001a}.step-date{color:#6b7280;text-shadow:none}.tracking-step.active .step-date{color:var(--dt-primary-color);font-weight:var(--dt-font-weight-extra)}}@media(prefers-reduced-motion:reduce){.tracking-step,.tracking-icon img,.tracking-arrow,.step-title,.step-date{transition:none}.tracking-step.active{animation:none;transform:scale(1.02)}.tracking-step.active .icon-active{animation:none}.tracking-arrow.active{animation:none;transform:scale(1.1)}.urgency-message:before{animation:none}}.tracking-step:focus-visible{outline:2px solid var(--dt-primary-color);outline-offset:2px}.step-title,.step-date{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.step-title,.step-date{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}.delivery-tracker-hidden{display:none!important}.delivery-tracker-loading{opacity:.6;pointer-events:none}.delivery-tracker-error .step-date{color:var(--dt-danger-color)}.delivery-tracker-error .step-date:before{content:"\26a0  "}@media print{.mt-product-delivery-tracker{break-inside:avoid}.urgency-message:before,.delivery-tracking-container:before{display:none}.tracking-step.active .icon-active,.tracking-step.active .icon-default{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/delivery-tracker.css.map */