@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f6f7f9;--paper-soft:#fff;--ink-strong:#111827;--ink-muted:#6b7280;--line:#e5e7eb;--line-soft:#eff1f4;--accent:#0d8f6f;--font-display:"Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink-strong);background:radial-gradient(circle at 0% 0%, #fffffff2, transparent 35%), radial-gradient(circle at 100% 100%, #10b98114, transparent 40%), var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.015;background-image:linear-gradient(90deg,#000 1px,#0000 1px),linear-gradient(#000 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0}img,svg{display:block}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-main:#fff;--bg-sidebar:#f5f5f5;--text-main:#333;--text-muted:#707070;--border-color:#d9d9d9;--border-focus:#197bbd;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--primary-color:#000;--primary-hover:#333}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;margin:0}.checkout-layout{flex-direction:column-reverse;min-height:100vh;display:flex}@media (width>=1000px){.checkout-layout{flex-direction:row}}.checkout-main{background-color:var(--bg-main);flex:1.15;justify-content:flex-end;display:flex}.main-content{box-sizing:border-box;width:100%;max-width:650px;padding:3rem 5% 4rem 2rem}.checkout-sidebar{background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);flex:.85;justify-content:flex-start;display:flex}.sidebar-content{box-sizing:border-box;width:100%;max-width:500px;height:fit-content;padding:3rem 2rem 4rem 5%;position:sticky;top:0}.checkout-header{align-items:center;gap:12px;margin-bottom:2rem;display:flex}.brand-icon{width:28px;height:28px;color:var(--text-main);flex-shrink:0}.brand-name{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:600}.status-banner{color:#166534;border-radius:var(--radius-sm);background-color:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;font-weight:500}.form-section{margin-bottom:2.5rem}.section-header{justify-content:space-between;align-items:baseline;display:flex}.form-section h2{margin:0 0 1rem;font-size:1.2rem;font-weight:500}.login-link{color:var(--border-focus);font-size:.85rem;text-decoration:none}.login-link:hover{text-decoration:underline}.input-group{margin-bottom:.8rem}.input-row{gap:.8rem;margin-bottom:.8rem;display:flex}.input-row input{flex:1}input[type=text],input[type=email],select{border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;background-color:#fff;width:100%;padding:.9rem;font-family:inherit;font-size:.95rem;transition:box-shadow .2s,border-color .2s}input:focus,select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #197bbd33}.checkbox-label{color:var(--text-main);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.payment-container{margin-top:1.5rem}.select-wrapper{position:relative}.select-wrapper:after{content:"";pointer-events:none;border-top:6px solid #555;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.select-wrapper select{appearance:none;cursor:pointer;color:var(--text-main);background-color:#fff;padding-right:2.5rem}.select-wrapper select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #197bbd26}.payment-heading{margin:0 0 .25rem;font-size:1.2rem;font-weight:500}.payment-subtext{color:var(--text-muted);margin:0 0 1rem;font-size:.82rem}.payment-methods{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.payment-method{cursor:pointer;border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:.9rem 1rem;transition:background .15s;display:flex}.payment-method:last-child{border-bottom:none}.payment-method:hover{background:#fafafa}.payment-method.selected{border-color:var(--border-focus);background:#f0f5ff}.pm-left{align-items:center;gap:10px;display:flex}.pm-radio{border:2px solid #ccc;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.pm-radio.checked{border-color:var(--border-focus)}.pm-radio.checked:after{content:"";background:var(--border-focus);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.pm-logo{object-fit:contain;flex-shrink:0;width:22px;height:22px}.pm-name{color:var(--text-main);font-size:.92rem;font-weight:500}.pm-icons{align-items:center;gap:4px;display:flex}.pm-badge{object-fit:contain;width:24px;height:24px}.pm-badge-card{object-fit:contain;background:#fff;border:1px solid #e5e5e5;border-radius:3px;width:34px;height:22px;padding:1px}.pm-more{color:var(--text-muted);margin-left:2px;font-size:.75rem;font-weight:500}.cart-items{margin:0 0 1.5rem;padding:0;list-style:none}.cart-item{align-items:center;margin-bottom:1rem;display:flex}.item-image-wrapper{margin-right:1rem;position:relative}.item-image{border-radius:var(--radius-lg);object-fit:cover;border:1px solid #0000001a;width:64px;height:64px}.item-badge{color:#fff;background-color:#727272e6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:-8px;right:-8px}.item-details{flex-direction:column;flex:1;display:flex}.item-name{font-size:.95rem;font-weight:500}.item-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem}.item-price{font-size:.95rem;font-weight:500}.discount-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:1.5rem;padding:1.5rem 0;display:flex}.discount-section input{flex:1}.btn-apply{color:#8c8c8c;border-radius:var(--radius-sm);cursor:not-allowed;background-color:#e2e2e2;border:none;padding:0 1.2rem;font-weight:600}.total-row{color:var(--text-main);justify-content:space-between;margin-bottom:.8rem;font-size:.95rem;display:flex}.total-row.grand-total{border-top:1px solid var(--border-color);align-items:center;margin-top:1.5rem;padding-top:1.5rem}.grand-total>span:first-child{font-size:1.1rem;font-weight:500}.total-price-wrap{align-items:baseline;gap:8px;display:flex}.currency{color:var(--text-muted);font-size:.85rem}.final-price{font-size:1.5rem;font-weight:600}
