.checkout-wrapper{background-color:var(--ws-cream);min-height:100vh;padding:60px 24px 120px}.checkout-container{grid-template-columns:1.4fr 1fr;align-items:start;gap:48px;max-width:1200px;margin:0 auto;display:grid}.checkout-back{color:var(--ws-charcoal);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:500;transition:color .14s;display:inline-flex}.checkout-back:hover{color:var(--ws-pepper-base)}.checkout-header{margin-bottom:32px}.checkout-header h1{font-family:var(--font-display);color:var(--ws-ink);margin:0 0 8px;font-size:clamp(32px,3.5vw,48px);font-weight:500}.checkout-header p{color:var(--ws-mist);margin:0;font-size:15px}.checkout-header a{color:var(--ws-pepper-base);font-weight:600;text-decoration:underline}.checkout-section{background-color:var(--ws-cream-soft);border:1px solid var(--ws-line);box-shadow:var(--shadow-card);border-radius:18px;margin-bottom:24px;padding:32px}.checkout-section h2{font-family:var(--font-display);color:var(--ws-ink);border-bottom:1px solid var(--ws-line);margin:0 0 24px;padding-bottom:12px;font-size:22px;font-weight:500}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr;gap:0}}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--ws-charcoal);letter-spacing:.02em;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--ws-line);background-color:var(--ws-cream);color:var(--ws-ink);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .14s,box-shadow .14s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ws-spectrum-amber);box-shadow:0 0 0 3px #d9a4411f}.form-group input.has-error,.form-group select.has-error,.form-group textarea.has-error{border-color:var(--ws-spectrum-crimson)}.form-group input.has-error:focus,.form-group select.has-error:focus,.form-group textarea.has-error:focus{box-shadow:0 0 0 3px #b8463a1f}.form-error{color:var(--ws-spectrum-crimson);margin-top:4px;font-size:12px;font-weight:500}.shipping-options{flex-direction:column;gap:12px;display:flex}.shipping-option{border:1px solid var(--ws-line);background-color:var(--ws-cream);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .14s,background-color .14s;display:flex}.shipping-option:hover{background-color:var(--ws-cream-soft)}.shipping-option.is-selected{border-color:var(--ws-ink);background-color:var(--ws-cream-soft)}.shipping-option__info{align-items:center;gap:12px;display:flex}.shipping-option__info input{accent-color:var(--ws-ink);cursor:pointer;width:18px;height:18px;margin:0}.shipping-option__text{flex-direction:column;display:flex}.shipping-option__name{color:var(--ws-ink);font-size:14px;font-weight:600}.shipping-option__desc{color:var(--ws-mist);font-size:12px}.shipping-option__price{color:var(--ws-ink);font-size:14px;font-weight:700}.checkout-summary{background-color:var(--ws-cream-soft);border:1px solid var(--ws-line);box-shadow:var(--shadow-card);border-radius:18px;padding:32px;position:sticky;top:100px}.checkout-summary h2{font-family:var(--font-display);color:var(--ws-ink);margin:0 0 20px;font-size:22px;font-weight:500}.summary-items{flex-direction:column;gap:16px;max-height:240px;margin-bottom:24px;padding-right:8px;display:flex;overflow-y:auto}.summary-items::-webkit-scrollbar{width:6px}.summary-items::-webkit-scrollbar-thumb{background:var(--ws-line);border-radius:3px}.summary-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-item__photo{background-color:var(--ws-line);border-radius:8px;width:48px;height:48px;overflow:hidden}.summary-item__info{flex-direction:column;flex:1;display:flex}.summary-item__name{color:var(--ws-ink);font-size:13px;font-weight:600}.summary-item__sub{color:var(--fg-muted);font-size:11px}.summary-item__price{color:var(--ws-ink);font-size:13px;font-weight:600}.summary-divider{background-color:var(--ws-line);height:1px;margin:20px 0}.summary-lines{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.summary-line{color:var(--ws-charcoal);justify-content:space-between;font-size:14px;display:flex}.summary-line.is-total{color:var(--ws-ink);border-top:1px dashed var(--ws-line);margin-top:4px;padding-top:12px;font-size:18px;font-weight:700}.checkout-submit-btn{width:100%}.checkout-alert-box{margin-bottom:24px}.checkout-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background-color:#fbf7efd9;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.checkout-spinner{border:3px solid var(--ws-line);border-top-color:var(--ws-pepper-base);border-radius:50%;width:50px;height:50px;animation:1s linear infinite flw-spin}.checkout-overlay p{font-family:var(--font-display);color:var(--ws-ink);text-align:center;margin:0;font-size:20px;font-weight:500}@keyframes flw-spin{to{transform:rotate(360deg)}}@media (max-width:920px){.checkout-container{grid-template-columns:1fr;gap:32px}.checkout-summary{order:-1;position:static}}