@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700;800&display=swap");:root{--bg:#faf9f7;--card:#fff;--text:#1a1a1a;--dim:#6b7280;--muted:#9ca3af;--border:#ede9e3;--border-light:#f5f2ed;--accent:#e8600a;--accent-soft:#fff7ed;--green:#059669;--red:#dc2626;--yellow:#d97706;--font:"Nunito",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);max-width:520px;margin:0 auto;min-height:100dvh}button,input,select,textarea{font-family:var(--font)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(232,96,10,.1)!important}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cartBounce{0%{transform:scale(1)}25%{transform:scale(1.25)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes badgePop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUpSmooth{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease both}.slide-up{animation:slideUpSmooth .35s cubic-bezier(.16,1,.3,1)}.card-reveal{animation:cardReveal .4s cubic-bezier(.16,1,.3,1) both}.cart-bounce{animation:cartBounce .5s cubic-bezier(.36,0,.66,-.56)}.badge-pop{animation:badgePop .35s cubic-bezier(.34,1.56,.64,1)}.fade-scale{animation:fadeScale .3s ease both}a,button{transition:transform .15s ease,opacity .15s ease}button:active{transform:scale(.97)}.product-card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.product-card:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,#f5f2ed 25%,#faf9f7 50%,#f5f2ed 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;z-index:9999;box-shadow:0 6px 24px rgba(0,0,0,.2);animation:pop .25s ease;max-width:90%}.img-upload-zone{border:2px dashed var(--border);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .15s;background:#faf9f7}.img-upload-zone.dragging,.img-upload-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.img-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:14px}.img-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--border-light)}.img-thumb{position:relative;border-radius:8px;overflow:hidden}.img-thumb .img-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}