:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0f0f0f;color:#fafafa}.app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#ffffff80;font-size:1rem}.controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;align-items:center}.search-box{flex:1;min-width:220px;position:relative}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fafafa;font-size:.95rem;outline:none;transition:border-color .2s}.search-box input:focus{border-color:#f97316}.search-box input::placeholder{color:#ffffff4d}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:1rem;pointer-events:none}.categories{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffa6;font-size:.85rem;cursor:pointer;transition:all .2s}.category-btn:hover{background:#ffffff14;color:#fafafa}.category-btn.active{background:linear-gradient(135deg,#f97316,#ef4444);border-color:transparent;color:#fff;font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.product-card{border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden;background:#ffffff08;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.product-card:hover{transform:translateY(-4px);border-color:#f9731666;box-shadow:0 12px 32px #0000004d}.product-image{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-size:4rem;background:#ffffff08}.product-info{padding:1rem 1.25rem 1.25rem}.product-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#f97316;margin-bottom:.35rem}.product-name{font-size:1.1rem;font-weight:600;margin-bottom:.35rem}.product-description{font-size:.85rem;color:#ffffff73;margin-bottom:.75rem;line-height:1.4}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:1.25rem;font-weight:700;color:#22c55e}.add-btn{padding:.45rem 1rem;border-radius:.4rem;border:none;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.add-btn:hover{opacity:.85}.add-btn:active{transform:scale(.95)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;justify-content:flex-end}.cart-panel{width:380px;max-width:90vw;background:#161616;height:100%;padding:2rem 1.5rem;overflow-y:auto;border-left:1px solid rgba(255,255,255,.08)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cart-header h2{font-size:1.35rem;font-weight:700}.close-btn{background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:.25rem}.close-btn:hover{color:#fafafa}.cart-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.cart-item-emoji{font-size:2rem;width:48px;text-align:center}.cart-item-details{flex:1}.cart-item-name{font-weight:600;font-size:.9rem}.cart-item-price{font-size:.8rem;color:#22c55e}.cart-item-qty{display:flex;align-items:center;gap:.5rem}.qty-btn{width:28px;height:28px;border-radius:.35rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fafafa;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:#ffffff1a}.qty-value{font-size:.95rem;font-weight:600;min-width:1.5rem;text-align:center}.cart-total{margin-top:1.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.cart-total-label{font-size:1.1rem;font-weight:600}.cart-total-value{font-size:1.35rem;font-weight:700;color:#22c55e}.checkout-btn{width:100%;margin-top:1rem;padding:.85rem;border-radius:.5rem;border:none;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.checkout-btn:hover{opacity:.85}.cart-empty{text-align:center;color:#ffffff59;padding:3rem 0;font-size:.95rem}.cart-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px #f973164d;transition:transform .2s,box-shadow .2s;z-index:50}.cart-fab:hover{transform:scale(1.08);box-shadow:0 12px 32px #f9731666}.cart-badge{position:absolute;top:-4px;right:-4px;background:#22c55e;color:#000;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.no-results{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#ffffff59;font-size:1rem}