:root{color-scheme:light;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#fdf8f0;color:#2d2a26}.shop-header{background:linear-gradient(135deg,#ff9a56,#f6d365);padding:2.5rem 2rem 2rem;text-align:center;position:relative;overflow:hidden}.shop-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(255,255,255,.08) 18px,rgba(255,255,255,.08) 36px);pointer-events:none}.shop-header h1{font-size:2.4rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.12);letter-spacing:-.02em;position:relative}.shop-header .subtitle{color:#ffffffe6;font-size:1.05rem;margin-top:.35rem;font-weight:500;position:relative}.category-nav{display:flex;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:#fff;border-bottom:1px solid #ede6da;position:sticky;top:0;z-index:10}.cat-btn{padding:.5rem 1.4rem;border:2px solid #e8dfd3;border-radius:999px;background:#fff;color:#6b5e50;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.cat-btn:hover{border-color:#f0a050;color:#d4772c}.cat-btn.active{background:linear-gradient(135deg,#ff9a56,#f6d365);border-color:transparent;color:#fff;box-shadow:0 2px 10px #f6d36566}.shop-body{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.product-card{background:#fff;border-radius:1rem;overflow:hidden;border:1px solid #ede6da;transition:transform .2s,box-shadow .2s;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #b4966426}.product-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative}.product-img .badge{position:absolute;top:.75rem;left:.75rem;background:#ff6b6b;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.product-info{padding:1rem 1.2rem 1.25rem}.product-name{font-size:1.05rem;font-weight:700;color:#2d2a26;margin-bottom:.2rem}.product-desc{font-size:.82rem;color:#8a7e72;margin-bottom:.75rem;line-height:1.45}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:1.2rem;font-weight:800;color:#d4772c}.add-btn{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff9a56,#f6d365);color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;line-height:1}.add-btn:hover{transform:scale(1.1);box-shadow:0 4px 14px #f6a05073}.add-btn:active{transform:scale(.95)}.cart-float{position:fixed;bottom:1.5rem;right:1.5rem;background:linear-gradient(135deg,#ff9a56,#f6d365);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 24px #c88c3c59;cursor:pointer;transition:transform .2s;border:none;z-index:20}.cart-float:hover{transform:scale(1.08)}.cart-count{position:absolute;top:-4px;right:-4px;background:#ff6b6b;color:#fff;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fdf8f0}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s}.cart-overlay.open{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:#fff;z-index:40;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0000001a}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #ede6da}.cart-drawer-header h2{font-size:1.15rem;font-weight:700}.close-cart{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#8a7e72;padding:.25rem;line-height:1}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}.cart-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0ebe3}.cart-item-emoji{font-size:2rem;width:48px;height:48px;background:#fdf8f0;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.82rem;color:#d4772c;font-weight:600}.cart-item-qty{display:flex;align-items:center;gap:.4rem}.qty-btn{width:26px;height:26px;border-radius:50%;border:1px solid #e0d8cc;background:#fff;color:#6b5e50;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.qty-btn:hover{background:#fdf8f0}.qty-num{font-size:.85rem;font-weight:600;min-width:1.2rem;text-align:center}.cart-footer{padding:1.25rem 1.5rem;border-top:1px solid #ede6da}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-total-label{font-weight:600;color:#6b5e50}.cart-total-price{font-size:1.3rem;font-weight:800;color:#d4772c}.checkout-btn{width:100%;padding:.85rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#ff9a56,#f6d365);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:box-shadow .2s,transform .15s}.checkout-btn:hover{box-shadow:0 4px 18px #f6a05066;transform:translateY(-1px)}.cart-empty{text-align:center;padding:3rem 1rem;color:#b0a496}.cart-empty-icon{font-size:3rem;margin-bottom:.75rem}.cart-empty-text{font-size:.95rem}.toast{position:fixed;bottom:5.5rem;right:1.5rem;background:#2d2a26;color:#fff;padding:.65rem 1.2rem;border-radius:.6rem;font-size:.85rem;font-weight:600;z-index:50;opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.shop-footer{text-align:center;padding:2rem 1rem;color:#b0a496;font-size:.82rem;border-top:1px solid #ede6da;max-width:1100px;margin:0 auto}@media(max-width:600px){.shop-header h1{font-size:1.8rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.product-img{height:150px;font-size:3.5rem}.cart-drawer{width:100%;max-width:100vw}}