.pup-page{background:#fff;min-height:60vh;display:flex;align-items:center}.pup-card{max-width:580px;margin:0 auto;padding:48px 40px;background:#fff;border-radius:28px;box-shadow:0 8px 40px #00000012;text-align:center}@media(max-width:600px){.pup-card{padding:12px 14px}.pup-title{font-size:20px;margin-bottom:2px}.pup-subtitle{font-size:12px;line-height:1.3}.pup-order-badge{margin-bottom:8px;padding:4px 10px;font-size:11px}.pup-dropzone{padding:8px 10px;border-radius:12px;margin-bottom:-14px}.pup-drop-icon{width:32px;height:32px;margin-bottom:2px}.pup-drop-icon svg{width:14px;height:14px}.pup-drop-main{font-size:13px!important}.pup-drop-sub{font-size:10px!important}.pup-btn-primary{margin-top:10px;padding:10px 20px;font-size:13px}}.pup-header{margin-bottom:28px}.pup-title{font-family:Outfit,sans-serif;font-size:30px;font-weight:800;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.3px}.pup-subtitle{font-size:16px;color:#777;margin:0 auto;line-height:1.5;text-align:center}.pup-order-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#f5f8ff;border:1px solid #d6e4ff;border-radius:100px;font-size:14px;color:#2a5de0;margin-bottom:24px}.pup-dropzone{position:relative;border:2px dashed #d8d8d8;border-radius:18px;padding:32px 20px;cursor:pointer;background:#fafafa;transition:border-color .2s ease,background .2s ease}.pup-dropzone:hover,.pup-dropzone.drag-over{border-color:#1a1a1a;background:#f3f3f3}.pup-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.pup-drop-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.pup-drop-icon{width:64px;height:64px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888;margin-bottom:6px}.pup-drop-main{font-weight:700;font-size:16px;color:#1a1a1a}.pup-drop-sub{font-size:13px;color:#aaa}.pup-preview{margin:20px 0}.pup-preview-inner{position:relative;display:inline-block;max-width:100%}.pup-preview-inner img{max-width:100%;max-height:280px;border-radius:14px;box-shadow:0 4px 16px #0000001f}.pup-remove-btn{position:absolute;top:-10px;right:-10px;width:28px;height:28px;background:#f44;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.pup-remove-btn:hover{transform:scale(1.15)}.pup-actions{margin-top:28px}.pup-btn-upload{width:100%;padding:16px;font-size:17px;font-weight:700;font-family:Outfit,sans-serif;letter-spacing:.2px;background:#1a1a1a;color:#fff;border:none;border-radius:100px;cursor:pointer;transition:opacity .2s,transform .2s}.pup-btn-upload:hover:not(:disabled){opacity:.85;transform:scale(1.01)}.pup-btn-upload:disabled{background:#e5e5e5;color:#aaa;cursor:not-allowed}.pup-status{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#888}.pup-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#1a1a1a;border-radius:50%;animation:pup-spin .8s linear infinite}@keyframes pup-spin{to{transform:rotate(360deg)}}.pup-result-card{animation:pup-slide-up .55s cubic-bezier(.16,1,.3,1)}@keyframes pup-slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.pup-check-circle{width:90px;height:90px;background:#1a1a1a;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:28px;animation:pup-pop .4s cubic-bezier(.16,1,.3,1)}@keyframes pup-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.pup-thankyou-title{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.3px}.pup-thankyou-msg{font-size:15px;color:#666;line-height:1.6;margin:0 0 24px;text-align:center}.pup-coupon-card{background:#f7f7f7;border:1.5px dashed #1a1a1a;border-radius:20px;padding:24px 28px;text-align:left;margin-bottom:32px;position:relative;overflow:hidden}.pup-coupon-card:before,.pup-coupon-card:after{content:"";position:absolute;width:70px;height:70px;background:#0000000a;border-radius:50%}.pup-coupon-card:before{bottom:-20px;right:-20px}.pup-coupon-card:after{top:-20px;left:-20px}.pup-coupon-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.pup-coupon-gift-icon{font-size:18px}.pup-coupon-body{display:flex;align-items:flex-start;gap:12px}.pup-coupon-email-icon{flex-shrink:0;margin-top:2px}.pup-coupon-body p{font-size:13px;color:#555;line-height:1.55;margin:0;text-align:left}.pup-coupon-highlight{font-weight:700;color:#1a1a1a;text-decoration:underline;text-underline-offset:2px}.pup-success-actions{display:flex;flex-direction:column;gap:10px}.pup-btn-primary{display:block;width:100%;padding:13px 20px;font-size:14px;font-weight:700;text-align:center;background:#1a1a1a;color:#fff;border:none;border-radius:100px;cursor:pointer;text-decoration:none;transition:opacity .2s;letter-spacing:.1px}.pup-btn-primary:hover{opacity:.82;color:#fff}.pup-btn-ghost{display:block;width:100%;padding:12px 20px;font-size:14px;font-weight:600;text-align:center;background:transparent;color:#555;border:1.5px solid #ddd;border-radius:100px;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}.pup-btn-ghost:hover{border-color:#1a1a1a;color:#1a1a1a}.pup-error-icon{font-size:52px;margin-bottom:16px}.pup-error-title{font-size:24px;font-weight:700;margin:0 0 10px;color:#1a1a1a}.pup-error-msg{color:#777;margin-bottom:24px}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-photo-upload.css.map */