.shipping-bar{display:block;padding:20px 16px;margin-bottom:20px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;visibility:visible;box-shadow:0 2px 8px #0000000d}.progress-bar__top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-bar__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.progress-bar__icon svg{width:24px;height:24px;color:#2b2a27;transition:all .3s ease}.shipping-bar--completed .progress-bar__icon svg{color:#28a745}.progress-bar__text{margin:0;font-size:14px;font-weight:400;color:#333;line-height:1.5}.progress-bar__text strong{font-weight:700;color:#2b2a27}.shipping-bar--completed .progress-bar__text,.shipping-bar--completed .progress-bar__text strong{color:#28a745}.progress-bar__container{position:relative;margin-top:12px}.progress-bar__progress{width:100%;height:10px;background-color:#f5f5f5;border-radius:10px;overflow:visible;position:relative;box-shadow:inset 0 1px 3px #0000001a}.progress-bar__progress-inner{display:block;height:100%;background:#2b2a27;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1),background .5s ease;position:relative;box-shadow:0 2px 4px #2b2a274d}.shipping-bar--completed .progress-bar__progress-inner{background:linear-gradient(90deg,#28a745,#20c997);box-shadow:0 2px 8px #28a74566}.progress-bar__milestones{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;pointer-events:none}.progress-milestone{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.progress-milestone:nth-child(1){left:33%}.progress-milestone:nth-child(2){left:66%}.progress-milestone:nth-child(3){left:100%}.progress-milestone__dot{width:16px;height:16px;background:#fff;border:3px solid #d0d0d0;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;position:relative;z-index:2}.progress-milestone.completed .progress-milestone__dot{background:#2b2a27;border-color:#2b2a27;transform:scale(1.15)}.shipping-bar--completed .progress-milestone.completed .progress-milestone__dot{background:#28a745;border-color:#28a745}.progress-milestone.active .progress-milestone__dot{animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 0 0 4px #2b2a2733}}.progress-milestone__label{display:none!important}.shipping-bar--completed{animation:success-pulse .6s ease;border-color:#28a745;background:#f0fdf4}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width: 768px){.shipping-bar{padding:16px 12px}.progress-bar__text{font-size:13px}.progress-bar__icon svg{width:20px;height:20px}.progress-bar__progress{height:8px}.progress-milestone__dot{width:14px;height:14px;border-width:2px}}@media (max-width: 480px){.progress-bar__text{font-size:12px}.progress-milestone__dot{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/shipping-bar.css.map */