.checkout-page{min-height:calc(100vh - 70px);background:var(--cafe-gray-100);padding:2rem 0}.checkout-container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.checkout-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--cafe-brown);text-decoration:none;font-size:.9rem;margin-bottom:.5rem;transition:color .2s}.back-link:hover{color:var(--cafe-mocha)}.checkout-header h1{font-family:var(--font-display);font-size:1.75rem;color:var(--cafe-espresso);margin:0;display:flex;align-items:center;gap:.75rem}.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:2rem}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.form-section h2{font-family:var(--font-display);font-size:1.1rem;color:var(--cafe-espresso);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--cafe-gray-200)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--cafe-gray-700);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--cafe-gray-300);border-radius:var(--radius-md);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--cafe-latte);box-shadow:0 0 0 3px #d4a57433}textarea.form-input{resize:vertical;min-height:80px}.discount-selector{display:flex;flex-direction:column;gap:.75rem}.discount-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--cafe-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.discount-option:hover{border-color:var(--cafe-latte);background:var(--cafe-gray-100)}.discount-option:has(input:checked){border-color:var(--cafe-success);background:var(--cafe-success-light)}.discount-option input{accent-color:var(--cafe-success)}.discount-info{flex:1;display:flex;justify-content:space-between;align-items:center}.discount-name{font-weight:500;color:var(--cafe-espresso)}.discount-badge{background:var(--cafe-success);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.checkout-summary{align-self:start;position:sticky;top:90px}.summary-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.summary-card h2{font-family:var(--font-display);font-size:1.1rem;color:var(--cafe-espresso);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--cafe-gray-200)}.summary-items{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--cafe-gray-100);border-radius:var(--radius-md)}.item-left{display:flex;align-items:center;gap:.5rem}.item-emoji{font-size:1.25rem}.item-name{font-size:.9rem;font-weight:500;color:var(--cafe-espresso)}.item-qty{font-size:.8rem;color:var(--cafe-gray-500)}.summary-divider{height:1px;background:var(--cafe-gray-200);margin:1rem 0}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;color:var(--cafe-gray-700)}.summary-row.discount-row{color:var(--cafe-success)}.summary-row.total{font-size:1.25rem;font-weight:600;color:var(--cafe-espresso);margin-bottom:1.5rem}.summary-row.total span:last-child{color:var(--cafe-success)}.confirm-btn{width:100%;padding:1rem;background:var(--cafe-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.confirm-btn:hover{background:#43a047;transform:translateY(-2px);box-shadow:var(--shadow-md)}.demo-notice{margin:1rem 0 0;padding:.75rem;background:var(--cafe-info-light);border-radius:var(--radius-md);font-size:.8rem;color:#0d47a1;display:flex;align-items:center;gap:.5rem}.success-modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.success-modal.show{display:flex}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;max-width:400px;width:100%;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icon{width:80px;height:80px;background:var(--cafe-success-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:var(--cafe-success)}.modal-content h2{font-family:var(--font-display);font-size:1.5rem;color:var(--cafe-espresso);margin:0 0 .5rem}.modal-content p{color:var(--cafe-gray-600);margin:0 0 1.5rem}.order-number{background:var(--cafe-gray-100);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1.25rem;font-weight:600;color:var(--cafe-espresso);display:inline-block;margin-bottom:1.5rem}.modal-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--cafe-brown);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.modal-btn:hover{background:var(--cafe-mocha)}@media(max-width:768px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}}