.checkout{background:linear-gradient(#1a2332,#263242);min-height:100vh;padding:8rem 1rem 4rem}.checkout__container{max-width:56rem;margin:0 auto}.checkout__title{font-family:var(--font-heading), serif;color:#fff;margin-bottom:2rem;font-size:2.25rem;font-weight:700}.checkout__pending-banner{background:#fbbf2426;border:1px solid #fbbf244d;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.checkout__pending-banner p{color:#fbbf24;margin:0;font-size:.95rem}.checkout__pending-banner a{color:#fff;font-weight:600;text-decoration:underline}.checkout__pending-banner a:hover{color:#fbbf24}.checkout__grid{gap:2rem;display:grid}@media (width>=768px){.checkout__grid{grid-template-columns:1fr 1fr;gap:3rem}}.checkout__section-title{font-family:var(--font-heading), serif;color:#fff;margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.checkout__summary{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.checkout__empty{color:#9ca3af;text-align:center;padding:2rem 0}.checkout__item{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.checkout__item-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.checkout__item-title{color:#fff;font-size:.95rem;font-weight:600}.checkout__item-price{color:#9ca3af;font-size:.8rem}.checkout__item-actions{align-items:center;gap:.5rem;display:flex}.checkout__qty-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1rem;display:flex}.checkout__qty-btn:hover{background:#fff3}.checkout__qty{text-align:center;color:#fff;min-width:1.5rem;font-weight:600}.checkout__remove-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:.25rem;padding:0 .25rem;font-size:1.25rem}.checkout__remove-btn:hover{color:#ef4444}.checkout__item-subtotal{color:#fff;text-align:right;width:100%;font-size:.95rem;font-weight:600}.checkout__summary-total{color:#fff;border-top:1px solid #ffffff26;justify-content:space-between;margin-top:.5rem;padding-top:1rem;font-size:1.15rem;font-weight:700;display:flex}.checkout__form-section{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.checkout__form{flex-direction:column;gap:1rem;display:flex}.checkout__field label{color:#d1d5db;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.checkout__field input,.checkout__field textarea{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;width:100%;padding:.6rem .75rem;font-size:.95rem}.checkout__field input::placeholder,.checkout__field textarea::placeholder{color:#fff6}.checkout__field input:focus,.checkout__field textarea:focus{border-color:#fff6;outline:none;box-shadow:0 0 0 2px #ffffff1a}.checkout__submit{color:#1a2332;cursor:pointer;background:#fff;border:none;border-radius:9999px;width:100%;margin-top:.5rem;padding:.85rem;font-size:1.05rem;font-weight:700;transition:all .2s}.checkout__submit:hover{background:#f3f4f6;transform:scale(1.02)}.checkout__submit:disabled{opacity:.6;cursor:wait;transform:none}.checkout__message{margin-top:1rem;font-size:.9rem}.checkout__message--success{color:#4ade80}.checkout__message--error{color:#f87171}.checkout__success{text-align:center;padding:1rem 0}.checkout__success h3{font-family:var(--font-heading), serif;color:#4ade80;margin:0 0 .75rem;font-size:1.5rem}.checkout__success p{color:#d1d5db;margin:.35rem 0}.checkout__success strong{color:#fff}.checkout__payments{text-align:center;margin-top:.5rem}.checkout__payments-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.8rem}.checkout__payments-icons{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.checkout__payment-logo{object-fit:contain;box-sizing:content-box;background:#fff;border-radius:.5rem;width:auto;height:2.5rem;padding:.4rem .6rem}.checkout__back{color:#9ca3af;margin-top:2rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-block}.checkout__back:hover{color:#fff}
