.checkout-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:24px}.checkout-loading-text{margin-top:12px;font-size:16px;color:#6b7280}.checkout-header{background-color:#fff;border-bottom:1px solid #f0f0f0;padding:16px;position:sticky;top:0;z-index:10}.checkout-header-inner{display:flex;align-items:center;gap:10px;max-width:600px;margin:0 auto}.checkout-header-logo{width:40px;height:40px;border-radius:8px;object-fit:cover}.checkout-header-name{font-size:16px;font-weight:600;color:#111827}.checkout-main{flex:1;max-width:600px;width:100%;margin:0 auto;padding-bottom:32px}.checkout-product-card{background-color:#fff;margin:16px;padding:16px;border-radius:16px}.checkout-product-image{width:100%;max-height:200px;object-fit:cover;border-radius:12px;margin-bottom:12px}.checkout-product-name{font-size:18px;font-weight:700;margin:0 0 6px;color:#111827}.checkout-product-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.4}.checkout-product-price{font-size:28px;font-weight:700;margin:0}.checkout-form{background-color:#fff;margin:16px;padding:20px;border-radius:16px}.checkout-form-title{font-size:15px;font-weight:600;margin:0 0 16px;color:#111827}.checkout-field{margin-bottom:14px}.checkout-field:last-of-type{margin-bottom:0}.checkout-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:6px}.checkout-input{width:100%;background-color:#f5f5f5;border:none;border-radius:10px;padding:12px 14px;font-size:16px;color:#111827;outline:none;transition:box-shadow .15s ease}.checkout-input::placeholder{color:#9ca3af}.checkout-input:focus{box-shadow:inset 0 0 0 1.5px var(--primary, #111827);border:1.5px solid var(--primary, #111827)}.checkout-input.has-error{box-shadow:inset 0 0 0 1.5px #ef4444;border:1.5px solid #ef4444}.checkout-error{display:block;font-size:12px;color:#ef4444;margin-top:4px}.checkout-submit-error{font-size:13px;color:#ef4444;background-color:#fef2f2;border-radius:8px;padding:10px 12px;margin:14px 0}.checkout-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin-top:20px;transition:opacity .15s ease,transform .05s ease}.checkout-submit:hover:not(:disabled){opacity:.92}.checkout-submit:active:not(:disabled){transform:scale(.99)}.checkout-submit:disabled{opacity:.7;cursor:not-allowed}.checkout-spinner{animation:checkout-spin .8s linear infinite}@keyframes checkout-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-footer{text-align:center;padding:24px 16px 32px;border-top:1px solid #ececec;background-color:#f5f5f5}.checkout-footer-text{font-size:11px;color:#9ca3af;margin:0 0 12px}.checkout-footer-logo{margin-bottom:8px}.checkout-footer-brand{display:inline-block;font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.05em}.checkout-footer-links{display:flex;justify-content:center;gap:8px;font-size:11px;color:#9ca3af}.checkout-footer-link{color:#9ca3af;transition:color .15s ease}.checkout-footer-link:hover{color:#6b7280}.checkout-footer-sep{color:#d1d5db}.checkout-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;min-height:60vh}.checkout-success-icon{margin-bottom:16px}.checkout-success-title{font-size:20px;font-weight:700;margin:0 0 6px;color:#111827}.checkout-success-text{font-size:14px;color:#6b7280;margin:0}.checkout-skeleton{max-width:600px;margin:0 auto;padding:16px}.checkout-skeleton>*{background-color:#e5e7eb;border-radius:10px;animation:checkout-shimmer 1.2s ease-in-out infinite}.skeleton-header{height:64px;margin-bottom:16px;border-radius:12px}.skeleton-image{height:180px;margin-bottom:12px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.wide{width:70%;height:20px}.skeleton-card{padding:20px;background-color:#fff;border-radius:16px;margin:16px 0;height:220px}.skeleton-input{height:46px;border-radius:10px;margin-bottom:12px}.skeleton-button{height:52px;margin:16px 0;border-radius:12px}@keyframes checkout-shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5;padding:24px}.not-found-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:320px}.not-found-title{font-size:18px;font-weight:600;color:#111827;margin:16px 0 6px}.not-found-text{font-size:14px;color:#6b7280;margin:0;line-height:1.4}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#111827}body,#root{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}input,button,textarea,select{font-family:inherit}