#root{width:100%}:root{--bg:#fafafa;--card-bg:#fff;--text:#1a1a2e;--text-muted:#666;--border:#e8e8e8;--shadow:0 2px 8px #00000014;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{min-height:100vh}.header{background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.header-title{font-size:1.5rem;font-weight:700}.header-emoji{font-size:1.4rem}.cart-btn{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.95rem;transition:transform .15s;position:relative}.cart-btn:hover{transform:scale(1.05)}.cart-badge{color:#fff;background:#ff6b6b;border-radius:50%;margin-left:.4rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700}.main{max-width:1200px;margin:0 auto;padding:2rem}.fruit-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.fruit-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.fruit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.fruit-emoji{margin-bottom:.75rem;font-size:3rem}.fruit-name{margin-bottom:.4rem;font-size:1.2rem;font-weight:600}.fruit-description{color:var(--text-muted);flex-grow:1;margin-bottom:1rem;font-size:.9rem}.fruit-footer{justify-content:space-between;align-items:center;display:flex}.fruit-price{font-size:1.25rem;font-weight:700}.add-to-cart-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .15s}.add-to-cart-btn:hover{opacity:.9;transform:scale(1.05)}.cart-overlay{z-index:100;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-panel{background:var(--card-bg);width:400px;max-width:90vw;height:100vh;padding:1.5rem;overflow-y:auto;box-shadow:-4px 0 24px #00000026}.cart-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.close-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.2rem}.close-btn:hover{background:var(--border)}.cart-empty{color:var(--text-muted);text-align:center;padding:2rem 0}.cart-items{list-style:none}.cart-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.cart-item-emoji{font-size:1.5rem}.cart-item-details{flex-direction:column;flex-grow:1;display:flex}.cart-item-name{font-size:.95rem;font-weight:600}.cart-item-price{color:var(--text-muted);font-size:.85rem}.cart-item-controls{align-items:center;gap:.4rem;display:flex}.qty-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.qty-btn:hover{background:var(--border)}.qty-value{text-align:center;min-width:1.5rem;font-weight:600}.remove-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.8rem}.remove-btn:hover{text-decoration:underline}.cart-total{border-top:2px solid var(--text);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;font-size:1.1rem;font-weight:700;display:flex}.cart-total-price{font-size:1.3rem}@media (width<=600px){.header{padding:.75rem 1rem}.main{padding:1rem}.fruit-grid{grid-template-columns:1fr}}