.checkout-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9999;opacity:0;transition:opacity .3s ease}.checkout-modal-overlay.active{display:flex;align-items:center;justify-content:center;opacity:1}.checkout-modal{background:rgb(var(--color-background));max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border-radius:12px;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease;position:relative}.checkout-modal-overlay.active .checkout-modal{transform:scale(1)}.checkout-modal__header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.1);position:sticky;top:0;background:rgb(var(--color-background));z-index:10}.checkout-modal__title{font-size:1.5rem;font-weight:600;margin:0;color:rgb(var(--color-foreground))}.checkout-modal__subtitle{font-size:.9rem;color:rgba(var(--color-foreground),.7);margin:.5rem 0 0}.checkout-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:rgba(var(--color-foreground),.6);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.checkout-modal__close:hover{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.checkout-modal__body{padding:2rem}.checkout-modal__section{margin-bottom:2rem}.checkout-modal__section-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:.5rem}.checkout-modal__section-title:before{content:"";width:4px;height:1.2rem;background:rgb(var(--color-button));border-radius:2px}.checkout-modal__field{margin-bottom:1.25rem}.checkout-modal__label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.95rem;color:rgb(var(--color-foreground))}.checkout-modal__label .required{color:rgb(var(--color-error));margin-left:.25rem}.checkout-modal__input,.checkout-modal__select{width:100%;padding:.875rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 8px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:.95rem;font-family:inherit;transition:all .2s ease}.checkout-modal__input:focus,.checkout-modal__select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.checkout-modal__input::placeholder{color:rgba(var(--color-foreground),.5)}.checkout-modal__helper-text{display:block;margin-top:.375rem;font-size:.85rem;color:rgba(var(--color-foreground),.6)}.checkout-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media screen and (max-width: 600px){.checkout-modal__row{grid-template-columns:1fr}}.checkout-modal__phone-wrapper{display:flex;align-items:stretch;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 8px);overflow:hidden;transition:all .2s ease}.checkout-modal__phone-wrapper:focus-within{border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.checkout-modal__phone-prefix{display:flex;align-items:center;padding:.875rem 1rem;background:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.7);font-weight:500;border-right:1px solid rgba(var(--color-foreground),.1)}.checkout-modal__phone-wrapper .checkout-modal__input{border:none;border-radius:0;box-shadow:none!important}.checkout-modal__phone-wrapper .checkout-modal__input:focus{border:none;box-shadow:none!important}.checkout-modal__summary{background:rgba(var(--color-foreground),.03);padding:1.5rem;border-radius:var(--inputs-radius, 8px);margin-bottom:2rem}.checkout-modal__summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem}.checkout-modal__summary-row:last-child{margin-bottom:0;padding-top:.75rem;border-top:1px solid rgba(var(--color-foreground),.1);font-weight:600;font-size:1.1rem}.checkout-modal__summary-label{color:rgba(var(--color-foreground),.8)}.checkout-modal__summary-value{color:rgb(var(--color-foreground));font-weight:500}.checkout-modal__footer{padding:1.5rem 2rem;border-top:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.02);position:sticky;bottom:0}.checkout-modal__pay-button{width:100%;padding:1.125rem 2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:var(--buttons-radius, 8px);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.checkout-modal__pay-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-button),.3)}.checkout-modal__pay-button:active{transform:translateY(0)}.checkout-modal__pay-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.checkout-modal__secure-text{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.85rem;color:rgba(var(--color-foreground),.6)}.checkout-modal__secure-icon{width:14px;height:14px}.checkout-modal__error{background:rgba(var(--color-error),.1);color:rgb(var(--color-error));padding:.75rem 1rem;border-radius:var(--inputs-radius, 8px);margin-bottom:1rem;font-size:.9rem;display:none}.checkout-modal__error.active{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkout-modal__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-background),.9);display:none;align-items:center;justify-content:center;border-radius:12px;z-index:100}.checkout-modal__loading.active{display:flex}.checkout-modal__spinner{width:40px;height:40px;border:3px solid rgba(var(--color-button),.2);border-top-color:rgb(var(--color-button));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkout-modal__icon{width:20px;height:20px;margin-right:.5rem;opacity:.7}@media screen and (max-width: 749px){.checkout-modal{width:95%;max-height:95vh}.checkout-modal__header,.checkout-modal__body,.checkout-modal__footer{padding:1.5rem}.checkout-modal__title{font-size:1.3rem}.checkout-modal__close{top:1rem;right:1rem}}.checkout-modal__input:focus-visible,.checkout-modal__select:focus-visible,.checkout-modal__pay-button:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/checkout-modal.css.map */