.section-order-timeline{background:var(--background-color, #FFFFFF);width:100%;overflow-x:hidden}.section-order-timeline .order-timeline{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}@media(prefers-reduced-motion:reduce){.order-timeline *,.order-timeline *:before,.order-timeline *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.timeline-steps{min-height:200px}.order-timeline{overflow-x:hidden}.timeline-icon-container:focus-visible{outline:2px solid var(--accent-color-1, #B31942);outline-offset:2px}@media print{.order-timeline{background:#fff!important;border:1px solid #cccccc!important;color:#000!important}.timeline-icon-container{box-shadow:none!important;border:1px solid #cccccc!important}}.order-timeline{background:var(--background-color, #FFFFFF);border-radius:0;padding:20px 15px;margin:0 auto;max-width:100%;overflow:hidden;border:none;position:relative;background-image:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--glow-red, #B31942) 10%,transparent) 0%,transparent 22%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--glow-blue, #0A3161) 10%,transparent) 0%,transparent 22%)}.order-timeline:before{content:none}.timeline-header{text-align:center;margin-bottom:20px}.timeline-header h3{font-size:18px;font-weight:700;color:var(--text-color-primary, #111827);margin:0 0 8px;letter-spacing:2px;text-transform:uppercase;animation:textFadeIn .8s ease-out}.timeline-header .subtitle{font-size:13px;color:#fff;font-weight:500;display:inline-block;padding:4px 12px;border-radius:15px;background:var(--subtitle-bg-color, #111827);border:1px solid var(--subtitle-border-color, #111827);animation:fadeInUp .8s ease-out .2s both}.timeline-steps{display:flex;flex-direction:column;position:relative;padding-left:40px}.timeline-step{position:relative;padding-bottom:25px;opacity:0;animation:fadeInUp .6s ease-out forwards}.timeline-step:nth-child(1){animation-delay:.4s}.timeline-step:nth-child(2){animation-delay:.6s}.timeline-step:nth-child(3){animation-delay:.8s}.timeline-step:nth-child(4){animation-delay:1s}.timeline-icon-container{width:50px;height:50px;position:absolute;left:-40px;top:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color-1, #B31942) 10%,#ffffff) 0%,var(--background-color, #FFFFFF) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px color-mix(in srgb,var(--accent-color-1, #B31942) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-color-1, #B31942) 35%,transparent);z-index:2;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.electric-border-timeline{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;opacity:0;transition:opacity .5s;z-index:0}.timeline-icon-container:hover .electric-border-timeline{opacity:1}.electric-border-timeline:before{content:"";position:absolute;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,var(--electric-color-1) 30deg,var(--electric-color-2) 70deg,var(--electric-color-1) 120deg,var(--electric-color-2) 180deg,transparent 210deg,var(--electric-color-1) 270deg,var(--electric-color-2) 310deg,transparent 360deg);animation:electricRotate 2s linear infinite;top:-50%;left:-50%;filter:blur(3px)}@keyframes electricRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.electric-border-timeline:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(145deg,var(--background-color, #FFFFFF),color-mix(in srgb,var(--background-color, #FFFFFF) 92%,#f8fafc));border-radius:6px;z-index:1}.step1-electric{--electric-color-1: #B31942;--electric-color-2: #D94A6A}.step2-electric{--electric-color-1: #D4AF37;--electric-color-2: #E8C65A}.step3-electric{--electric-color-1: #0A3161;--electric-color-2: #1C4E8F}.step4-electric{--electric-color-1: #B31942;--electric-color-2: #D94A6A}.timeline-step.active .timeline-icon-container{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color-1, #B31942) 14%,#ffffff) 0%,var(--background-color, #FFFFFF) 100%);animation:activeIconPulse 2s ease infinite}.timeline-icon{width:22px;height:22px;transition:all .3s ease;fill:#111827;position:relative;z-index:2}.timeline-icon.step1{fill:var(--icon-color-1, #111827)}.timeline-icon.step2{fill:var(--icon-color-2, #111827)}.timeline-icon.step3{fill:var(--icon-color-3, #111827)}.timeline-icon.step4{fill:var(--icon-color-4, #111827)}.timeline-icon-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .7s ease;z-index:2}.timeline-icon-container:hover:before{left:100%}.timeline-icon-container:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #11182714,0 0 20px color-mix(in srgb,var(--electric-color-1) 18%,transparent),0 0 10px color-mix(in srgb,var(--electric-color-2) 16%,transparent),inset 0 0 10px #fff3}.timeline-icon-container:hover .timeline-icon.step1{animation:iconWiggle .8s ease infinite;fill:var(--icon-hover-color-1, #B31942)}.timeline-icon-container:hover .timeline-icon.step2{animation:iconBounce .6s ease infinite;fill:var(--icon-hover-color-2, #D4AF37)}.timeline-icon-container:hover .timeline-icon.step3{animation:iconSpin 1.2s linear infinite;fill:var(--icon-hover-color-3, #0A3161)}.timeline-icon-container:hover .timeline-icon.step4{animation:iconPulse 1s ease infinite;fill:var(--icon-hover-color-4, #B31942)}.timeline-content{padding-left:20px;position:relative;z-index:1}.timeline-date{font-size:14px;color:var(--date-color, #111827);font-weight:600;margin-bottom:2px}.timeline-label{font-size:13px;color:var(--label-color, #374151);font-weight:500;line-height:1.4}.timeline-time{font-size:12px;color:var(--time-color, #6B7280);margin-top:2px}.timeline-steps:before{content:"";position:absolute;left:19px;top:25px;bottom:25px;width:2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-color-1, #B31942) 15%,transparent),color-mix(in srgb,var(--accent-color-1, #B31942) 55%,transparent),color-mix(in srgb,var(--accent-color-1, #B31942) 15%,transparent));animation:lineDraw 1s ease-out .3s forwards;transform-origin:top;transform:scaleY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lineDraw{to{transform:scaleY(1)}}@keyframes activeIconPulse{0%,to{transform:scale(1);box-shadow:0 3px 12px color-mix(in srgb,var(--accent-color-1, #B31942) 14%,transparent)}50%{transform:scale(1.06);box-shadow:0 5px 16px color-mix(in srgb,var(--accent-color-1, #B31942) 22%,transparent)}}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(min-width:768px){.order-timeline{padding:30px 40px;max-width:900px}.timeline-header h3{font-size:22px}.timeline-steps{flex-direction:row;padding-left:0;padding-top:20px;justify-content:space-between}.timeline-steps:before{left:80px;right:80px;top:40px;bottom:auto;height:2px;width:auto;transform:scaleX(0);animation:lineDrawHorizontal 1s ease-out .3s forwards}@keyframes lineDrawHorizontal{to{transform:scaleX(1)}}.timeline-step{flex:1;padding:0 10px 40px;text-align:center}.timeline-icon-container{position:relative;left:auto;top:auto;width:70px;height:70px;margin:0 auto 15px}.timeline-content{padding-left:0}.timeline-icon{width:28px;height:28px}}@media(max-width:767px){.order-timeline{padding:20px 12px}.timeline-steps{flex-direction:row;align-items:flex-start;gap:0;padding-left:0;padding-top:12px;min-height:auto;overflow-x:visible;overflow-y:hidden;-webkit-overflow-scrolling:touch}.timeline-steps:before{content:"";left:36px;right:36px;top:28px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-color-1, #B31942) 15%,transparent),color-mix(in srgb,var(--accent-color-1, #B31942) 55%,transparent),color-mix(in srgb,var(--accent-color-1, #B31942) 15%,transparent));transform-origin:left;transform:scaleX(1);animation:none;z-index:0}.timeline-step{flex:1 1 0;min-width:0;padding:0 8px;text-align:center;position:relative;z-index:1}.timeline-icon-container{position:relative;left:auto;top:auto;width:56px;height:56px;margin:0 auto 12px;z-index:2}.timeline-content{padding-left:0}.timeline-date,.timeline-label{font-size:12px;line-height:1.35}.timeline-time{font-size:11px;line-height:1.3}.timeline-icon{width:24px;height:24px}.timeline-steps>.timeline-step:nth-last-child(4):first-child,.timeline-steps>.timeline-step:nth-last-child(4):first-child~.timeline-step{flex:0 0 150px;min-width:150px}.timeline-steps>.timeline-step:nth-last-child(4):first-child~.timeline-step .timeline-content,.timeline-steps>.timeline-step:nth-last-child(4):first-child .timeline-content{max-width:150px;margin:0 auto}.timeline-steps:has(>.timeline-step:nth-last-child(4):first-child){overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x proximity}.timeline-steps:has(>.timeline-step:nth-last-child(4):first-child) .timeline-step{scroll-snap-align:start}.timeline-steps:has(>.timeline-step:nth-last-child(4):first-child)::-webkit-scrollbar{height:6px}.timeline-steps:has(>.timeline-step:nth-last-child(4):first-child)::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-color, #E7EAF0) 55%,transparent);border-radius:999px}.timeline-steps:has(>.timeline-step:nth-last-child(4):first-child)::-webkit-scrollbar-track{background:transparent}}.payment-logos{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--border-color, #E7EAF0) 70%,transparent);flex-wrap:wrap}.payment-logo{height:24px;width:auto;transition:all .3s ease;filter:brightness(.95)}.payment-logo:hover{transform:scale(1.08);filter:brightness(1)}.additional-text{text-align:center;margin-top:20px;font-size:11px;color:var(--additional-text-color, #6B7280);letter-spacing:1px}.electric-symbol{position:absolute;width:15px;height:15px;background:currentColor;border-radius:50%;opacity:0;z-index:0;filter:blur(2px);animation:symbolAppear .8s ease forwards}.timeline-icon-container:hover .electric-symbol{animation:electricFloat 3s infinite ease-in-out}@keyframes symbolAppear{to{opacity:.14;transform:scale(1)}}@keyframes electricFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.14;filter:blur(2px) drop-shadow(0 0 5px currentColor)}33%{transform:translateY(-10px) rotate(120deg) scale(1.2);opacity:.22;filter:blur(1px) drop-shadow(0 0 10px currentColor)}66%{transform:translateY(5px) rotate(240deg) scale(.8);opacity:.1;filter:blur(1px) drop-shadow(0 0 8px currentColor)}}.electric-symbol:nth-child(1){top:10%;left:10%;animation-delay:.1s}.electric-symbol:nth-child(2){bottom:15%;right:10%;animation-delay:.3s}.electric-symbol:nth-child(3){top:50%;left:50%;margin:-7.5px 0 0 -7.5px;animation-delay:.5s}
/*# sourceMappingURL=/cdn/shop/t/6/assets/order-timeline.css.map */