.checkout-page{background-color:#f9f9f9;padding-bottom:50px}.checkout-container{max-width:1300px;margin:0 auto;padding:0 20px}.checkout-header{margin-bottom:20px;padding:30px 0}.checkout-header h1{color:#454545;margin:0;font-size:32px;font-weight:400}.checkout-wrapper{align-items:flex-start;gap:40px;display:flex}.checkout-left{flex:1;min-width:0}.checkout-section{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #00000005}.checkout-section h2{color:#454545;border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px;font-size:26px;font-weight:400}.form-row{gap:20px;margin-bottom:20px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-group.full-width{width:100%}.form-group label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:#555;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{font-size:var(--font-size-body);color:var(--primary-black);border:1px solid #ddd;border-radius:6px;padding:12px 15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#ed1e26cc;outline:none;box-shadow:0 0 0 3px #ed1e261a}.form-check{align-items:center;gap:10px;margin:15px 0 25px;padding:10px 0;display:flex}.form-check-input{cursor:pointer;width:18px;height:18px}.form-check-label{color:var(--primary-black);cursor:pointer;font-size:1rem}.checkout-right{width:400px;position:sticky;top:100px}.order-summary-box{background:#fff;border:1px solid #eee;border-radius:8px;padding:30px;box-shadow:0 4px 12px #0000000d}.order-summary-box h3{color:#454545;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px;font-size:26px;font-weight:400}.summary-row{font-size:var(--font-size-body);color:#555;justify-content:space-between;margin-bottom:15px;display:flex}.summary-row.total{color:var(--primary-black);border-top:2px solid #eee;margin-top:20px;padding-top:15px;font-size:1.2rem;font-weight:700}.checkout-btn{color:#fff;width:100%;font-weight:var(--font-weight-bold);font-size:var(--font-size-body);cursor:pointer;background-color:#454545;border:none;border-radius:6px;margin-top:20px;padding:15px;transition:background-color .3s}.checkout-btn:hover{background-color:#ed1e26cc}.submit-btn-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:992px){.checkout-wrapper{flex-direction:column}.checkout-right{width:100%;position:static}}@media (max-width:768px){.checkout-container{padding:0 15px}.checkout-header{margin-bottom:15px;padding:20px 0}.checkout-header h1{font-size:1.5rem}.checkout-wrapper{gap:25px}.checkout-section{margin-bottom:20px;padding:20px}.checkout-section h2{margin-bottom:20px;padding-bottom:12px;font-size:1.1rem}.form-row{flex-direction:column;gap:15px}.order-summary-box{padding:20px}.order-summary-box h3{margin-bottom:15px;padding-bottom:12px;font-size:1.1rem}}@media (max-width:576px){.checkout-page{padding-bottom:30px}.checkout-container{padding:0 12px}.checkout-header{margin-bottom:12px;padding:15px 0}.checkout-header h1{font-size:1.3rem}.checkout-header .text-muted{font-size:.85rem}.checkout-wrapper{gap:20px}.checkout-section{border-radius:6px;margin-bottom:15px;padding:15px}.checkout-section h2{margin-bottom:15px;padding-bottom:10px;font-size:1rem}.form-row{flex-direction:column;gap:12px;margin-bottom:12px}.form-group{margin-bottom:0}.form-group label{margin-bottom:6px;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{border-radius:6px;padding:12px;font-size:16px}.form-group textarea{min-height:80px}.form-check{margin:12px 0 20px;padding:8px 0}.form-check-input{width:20px;height:20px}.form-check-label{font-size:.9rem}.shipping-fields h3{font-size:1rem!important}.order-summary-box{border-radius:6px;padding:15px}.order-summary-box h3{margin-bottom:12px;padding-bottom:10px;font-size:1rem}.summary-row{margin-bottom:12px;font-size:.9rem}.summary-row.total{margin-top:15px;padding-top:12px;font-size:1.1rem}.checkout-btn{border-radius:6px;margin-top:15px;padding:14px;font-size:1rem}.alert{padding:12px;font-size:.85rem!important}.mt-3.text-center small{font-size:.8rem}}@media (max-width:375px){.checkout-container{padding:0 10px}.checkout-section,.order-summary-box{padding:12px}.checkout-header h1{font-size:1.2rem}}
