.cart-tier-progress{background-color:#f8f9fa;border:1px solid rgb(233,236,239);border-radius:8px;padding:16px;margin:0 2rem 1.5rem}.tier-message{text-align:center;margin-bottom:16px}.tier-message p{margin:0;font-size:1.4rem;color:#121212;line-height:1.4;font-weight:400}.tier-message strong{font-weight:600;color:#121212}.tier-progress-container{display:flex;align-items:center;justify-content:space-between;position:relative}.tier-milestone{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;position:relative;flex:0 0 auto}.tier-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease;border:2px solid rgb(221,221,221);background-color:#fff}.tier-milestone.achieved .tier-circle{background-color:#28a745;border-color:#28a745}.tier-milestone.pending .tier-circle{background-color:#f8f9fa;border-color:#ddd}.tier-label{display:flex;flex-direction:column;align-items:center;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;line-height:1.2}.tier-discount{color:#333}.tier-text{color:#666}.tier-milestone.achieved .tier-discount,.tier-milestone.achieved .tier-text{color:#28a745}.progress-line{flex:1;height:4px;background-color:#ddd;margin:0 8px;border-radius:2px;position:relative;top:-12px;transition:background-color .3s ease}.progress-line.completed{background-color:#28a745}@media screen and (max-width: 749px){.cart-tier-progress{margin:0 1.5rem 1.5rem;padding:12px}.tier-circle{width:28px;height:28px}.tier-label{font-size:1rem}.tier-message p{font-size:1.3rem}.progress-line{margin:0 4px}}@media screen and (max-width: 480px){.cart-tier-progress{margin:0 1rem 1.5rem;padding:10px}.tier-circle{width:24px;height:24px}.tier-label{font-size:.9rem}.tier-message p{font-size:1.2rem}.progress-line{margin:0 2px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tier-milestone.achieved .tier-circle{animation:pulse .6s ease-in-out}.tier-milestone.achieved .svg-wrapper svg{animation:checkmark-appear .3s ease-in-out}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.drawer .cart-tier-progress{border-color:rgba(var(--color-foreground),.08);background-color:rgba(var(--color-background),.5)}.drawer .tier-message p,.drawer .tier-message strong{color:rgb(var(--color-foreground))}.drawer .tier-discount{color:rgba(var(--color-foreground),.75)}.drawer .tier-text{color:rgba(var(--color-foreground),.55)}.drawer .tier-milestone.achieved .tier-discount,.drawer .tier-milestone.achieved .tier-text{color:#28a745}.drawer .tier-circle{border-color:rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background))}.drawer .tier-milestone.pending .tier-circle{background-color:rgba(var(--color-background),.5);border-color:rgba(var(--color-foreground),.2)}.drawer .progress-line{background-color:rgba(var(--color-foreground),.2)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cart-tier-progress.css.map */