.shipping-display{display:flex;align-items:center;gap:8px;position:relative}.shipping-loading{color:#6b7280;font-style:italic;display:flex;align-items:center;gap:8px}.shipping-loading:before{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #8F00FF;border-radius:50%;animation:spin 1s linear infinite}.shipping-error{color:#ef4444;font-size:.875rem;display:flex;align-items:center;gap:6px}.shipping-error:before{content:"\26a0\fe0f";font-size:14px}.shipping-free{color:#10b981;font-weight:600;display:flex;align-items:center;gap:6px}.shipping-free:before{content:"\2713";font-weight:700}.shipping-price{font-weight:600;color:#374151}.shipping-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.shipping-toggle:hover{background:#f3f4f6;color:#374151}.shipping-toggle svg{transition:transform .3s ease}.shipping-options--visible+.shipping-toggle svg{transform:rotate(180deg)}.shipping-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:100;max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:8px}.shipping-options--visible{max-height:300px}.shipping-option{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:4px}.shipping-option:last-child{border-bottom:none}.shipping-option:hover{background:#f9fafb}.shipping-option--selected{background:#f0f9ff;border-left:3px solid #8F00FF}.shipping-option__name{font-weight:600;color:#374151;font-size:.875rem}.shipping-option__price{font-size:.875rem;color:#8f00ff;font-weight:600}.shipping-option__delivery{font-size:.75rem;color:#6b7280}@media screen and (max-width: 768px){.shipping-options{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.shipping-options--visible{max-height:80vh}.shipping-option{padding:16px 20px}}.shipping-price-update{animation:priceUpdate .3s ease}@keyframes priceUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shipping-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #8F00FF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shipping-calculator.css.map */