*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#faf7f2;color:#333;min-height:100vh}.app{min-height:100vh}.header{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:0 1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #ff6b354d}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:1.6rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.8rem}.cart-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.5rem 1.2rem;border-radius:50px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s;position:relative}.cart-btn:hover{background:#ffffff59}.cart-icon{font-size:1.3rem}.cart-badge{background:#fff;color:#ff6b35;font-size:.75rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.error-banner{background:#fff0f0;color:#c00;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;border:1px solid #fcc}.loading{text-align:center;color:#999;padding:4rem 0;font-size:1.1rem}.fruit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.fruit-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.fruit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.fruit-emoji{font-size:3.5rem;text-align:center;margin-bottom:.75rem}.fruit-name{font-size:1.15rem;font-weight:600;margin-bottom:.25rem}.fruit-origin{color:#999;font-size:.8rem;margin-bottom:.5rem}.fruit-desc{color:#666;font-size:.85rem;line-height:1.4;flex:1;margin-bottom:1rem}.fruit-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0f0;padding-top:1rem}.fruit-price{font-size:1.3rem;font-weight:700;color:#ff6b35}.price-symbol{font-size:.85rem;vertical-align:top}.price-unit{font-size:.7rem;color:#999;font-weight:400}.add-btn{background:#ff6b35;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.add-btn:hover{background:#e55a2b}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;justify-content:flex-end;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:400px;max-width:100%;background:#fff;height:100%;display:flex;flex-direction:column;animation:slideIn .3s}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0}.sidebar-header h2{font-size:1.2rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:#f5f5f5;color:#333}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc}.cart-empty-icon{font-size:4rem;margin-bottom:1rem}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem;list-style:none}.cart-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f5f5f5}.cart-item-emoji{font-size:1.8rem}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.cart-item-name{font-size:.9rem;font-weight:500}.cart-item-price{font-size:.8rem;color:#999}.cart-item-qty{display:flex;align-items:center;gap:.5rem}.cart-item-qty button{width:26px;height:26px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.cart-item-qty button:hover{border-color:#ff6b35}.cart-item-qty span{font-size:.9rem;min-width:20px;text-align:center}.cart-item-subtotal{font-weight:600;font-size:.9rem;color:#ff6b35;min-width:60px;text-align:right}.cart-item-remove{background:none;border:none;font-size:1.2rem;color:#ccc;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cart-item-remove:hover{background:#fff0f0;color:#e00}.cart-footer{padding:1.25rem 1.5rem;border-top:1px solid #f0f0f0;background:#fafafa}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.cart-total-price{color:#ff6b35;font-size:1.3rem}.checkout-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:opacity .2s}.checkout-btn:hover{opacity:.9}.checkout-modal{width:480px;max-width:100%;background:#fff;height:100%;display:flex;flex-direction:column;animation:slideIn .3s}.checkout-form{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.checkout-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;color:#555}.checkout-form input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s}.checkout-form input:focus{border-color:#ff6b35}.checkout-summary{background:#faf7f2;border-radius:12px;padding:1.25rem;margin-top:.5rem}.checkout-summary h3{font-size:1rem;margin-bottom:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem;color:#666}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 0;margin-top:.5rem;border-top:2px solid #e0e0e0;font-size:1.05rem}.submit-order-btn{width:100%;padding:.9rem;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .2s;margin-top:auto}.submit-order-btn:hover:not(:disabled){opacity:.9}.submit-order-btn:disabled{opacity:.6;cursor:not-allowed}.order-success{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:2rem;text-align:center;max-width:420px;width:90%;box-shadow:0 20px 60px #0003}.success-icon{font-size:3rem;margin-bottom:.5rem}.order-success h2{font-size:1.4rem;color:#2ecc71;margin-bottom:.5rem}.order-id{color:#999;font-size:.85rem;margin-bottom:1rem}.order-details{text-align:left;background:#faf7f2;border-radius:12px;padding:1rem;margin-bottom:1rem}.delivery-info{color:#666;font-size:.85rem;margin-bottom:1rem}.order-success .close-btn{background:#ff6b35;color:#fff;border:none;padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;width:auto;height:auto}.order-success .close-btn:hover{background:#e55a2b}