.cod-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cod-modal.open{opacity:1;visibility:visible}.cod-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cod-modal__box{position:relative;z-index:1;background:#fff;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:0 0 40px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.cod-modal.open .cod-modal__box{transform:translateY(0)}@media(min-width:600px){.cod-modal{align-items:center}.cod-modal__box{border-radius:20px;max-height:88vh;transform:translateY(24px) scale(.97)}.cod-modal.open .cod-modal__box{transform:translateY(0) scale(1)}}.cod-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #EAEAEA;position:sticky;top:0;background:#fff;z-index:2}.cod-modal__header-left{display:flex;align-items:center;gap:12px}.cod-modal__icon{width:42px;height:42px;background:#e6f4f3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.cod-modal__title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;color:#111;margin:0}.cod-modal__subtitle{font-size:.75rem;color:#666;margin:0}.cod-modal__close{width:36px;height:36px;border-radius:50%;background:#f8f8f8;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:background .2s;flex-shrink:0}.cod-modal__close:hover{background:#eaeaea;color:#111}.cod-modal__product{display:flex;align-items:center;gap:14px;padding:16px 24px;background:#f8f8f8;border-bottom:1px solid #EAEAEA}.cod-modal__product-img{width:60px;height:60px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#eee}.cod-modal__product-name{font-weight:600;font-size:.9rem;color:#111;margin:0 0 4px;line-height:1.3}.cod-modal__product-price{font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;color:#ff7a59;margin:0}.cod-modal__product-variant{font-size:.75rem;color:#888;margin:2px 0 0}.cod-modal__trust{display:flex;justify-content:space-around;padding:10px 24px;background:#e6f4f3;font-size:.75rem;font-weight:600;color:#ff7a59}.cod-form{padding:20px 24px 0}.cod-form__row{margin-bottom:16px}.cod-form__label{display:block;font-size:.82rem;font-weight:600;color:#111;margin-bottom:7px}.cod-form__required{color:#dc2626}.cod-form__input{width:100%;padding:13px 15px;border:2px solid #EAEAEA;border-radius:8px;font-family:Inter,sans-serif;font-size:.92rem;color:#111;background:#fff;outline:none;transition:border-color .2s ease;appearance:none;-webkit-appearance:none}.cod-form__input:focus{border-color:#ff7a59}.cod-form__input.error{border-color:#dc2626}.cod-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.cod-form__textarea{resize:vertical;min-height:80px;line-height:1.5}.cod-form__phone-wrap{display:flex;align-items:center;border:2px solid #EAEAEA;border-radius:8px;overflow:hidden;transition:border-color .2s}.cod-form__phone-wrap:focus-within{border-color:#ff7a59}.cod-form__phone-wrap.error{border-color:#dc2626}.cod-form__phone-prefix{padding:0 12px;font-size:.85rem;font-weight:600;color:#444;background:#f8f8f8;border-right:1px solid #EAEAEA;height:100%;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.cod-form__input--phone{border:none!important;border-radius:0!important;flex:1}.cod-form__input--phone:focus{border:none;outline:none}.cod-form__error{display:block;font-size:.75rem;color:#dc2626;margin-top:5px;min-height:16px}.cod-form__qty{display:inline-flex;align-items:center;border:2px solid #EAEAEA;border-radius:8px;overflow:hidden}.cod-qty-btn{width:42px;height:42px;font-size:1.2rem;font-weight:600;color:#111;background:#f8f8f8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;border:none}.cod-qty-btn:hover{background:#eaeaea}.cod-qty-input{width:52px;text-align:center;border:none;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;height:42px;font-size:1rem;font-weight:700;font-family:Inter,sans-serif;background:#fff;color:#111}.cod-qty-input:focus{outline:none}.cod-form__total{background:#f8f8f8;border-radius:12px;padding:16px;margin:16px 0}.cod-total__row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.88rem;color:#666;border-bottom:1px solid #EAEAEA}.cod-total__row:last-child{border:none}.cod-total__row--grand{padding-top:10px;font-size:1rem;color:#111}.cod-total__free{color:#ff7a59;font-weight:700}.cod-form__submit{width:100%;padding:17px 24px;background:#ff7a59;color:#fff!important;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #0f766e59;transition:background .2s,transform .15s;margin-bottom:12px}.cod-form__submit:hover{background:#e85f3d;transform:translateY(-1px)}.cod-form__submit:active{transform:translateY(0)}.cod-form__submit:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.cod-form__note{text-align:center;font-size:.75rem;color:#888;margin:0}.cod-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:codSpin .7s linear infinite}@keyframes codSpin{to{transform:rotate(360deg)}}.cod-success{padding:40px 24px;text-align:center}.cod-success__icon{font-size:3.5rem;margin-bottom:16px}.cod-success__title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;color:#111;margin-bottom:10px}.cod-success__msg{color:#555;font-size:.95rem;margin-bottom:16px}.cod-success__details{background:#e6f4f3;border-radius:12px;padding:16px;margin-bottom:16px;text-align:left;font-size:.88rem;color:#333;line-height:1.8}.cod-success__sub{font-size:.82rem;color:#888;margin-bottom:24px}.cod-success__close{width:100%;padding:16px;font-size:1rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cod-form.css.map */