*{box-sizing:border-box}html,body{margin:0;background:#050505;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{min-height:100vh}.app{max-width:720px;margin:auto;min-height:100vh;background:#070707;padding-bottom:82px}.topbar{height:72px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202020;position:sticky;top:0;background:rgba(7,7,7,.96);z-index:10}.brand{display:flex;align-items:center;height:56px;max-width:190px;overflow:hidden}.brand-logo{display:block;width:150px;height:56px;object-fit:contain;object-position:left center}.lang{background:transparent;border:1px solid #444;color:#fff;border-radius:9px;padding:8px 11px;font-weight:700}.page{padding:16px}.search{width:100%;background:#121212;border:1px solid #282828;color:#fff;border-radius:12px;padding:13px 14px;font-size:15px;outline:none}.search:focus{border-color:#d6b35a}.cats{display:flex;gap:8px;overflow:auto;padding:13px 0 5px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{white-space:nowrap;border:1px solid #333;background:#101010;color:#bbb;border-radius:20px;padding:8px 13px}.cat.active{background:#d6b35a;color:#050505;border-color:#d6b35a;font-weight:700}.section-title{display:flex;justify-content:space-between;align-items:end;margin:18px 0 12px}.section-title h1{margin:0;font-size:25px}.muted{color:#777;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#111;border:1px solid #232323;border-radius:15px;overflow:hidden}.pic{aspect-ratio:1/1;background:#e9e9e9;display:flex;align-items:center;justify-content:center}.pic img{width:100%;height:100%;object-fit:cover}.card-body{padding:11px}.tag{font-size:11px;color:#d6b35a;margin-bottom:5px}.name{font-weight:700;font-size:15px;line-height:1.2;min-height:36px}.weight{font-size:12px;color:#888;margin-top:5px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price{font-weight:800;font-size:16px}.add{border:1px solid #d6b35a;background:#d6b35a;color:#050505;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1;font-weight:700}.empty{padding:55px 20px;text-align:center;color:#888}.panel{padding:16px}.order{border:1px solid #292929;border-radius:14px;padding:14px;margin-bottom:10px;background:#101010}.order-head{display:flex;justify-content:space-between;font-weight:700}.status{color:#d6b35a;font-size:12px;margin-top:7px}.cart-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #222}.cart-img{width:72px;height:72px;border-radius:10px;object-fit:cover}.cart-info{flex:1}.qty{display:flex;align-items:center;gap:10px;margin-top:8px}.qty button{width:28px;height:28px;border-radius:7px;border:1px solid #444;background:#181818;color:#fff}.qty .delete-btn{margin-left:auto;width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;padding:0}.qty .delete-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.qty .delete-btn:active{background:rgba(214,179,90,.12);border-color:rgba(214,179,90,.55);color:#d6b35a}.summary{border-top:1px solid #292929;margin-top:14px;padding-top:15px;display:flex;justify-content:space-between;font-size:19px;font-weight:800}.primary{width:100%;margin-top:16px;padding:14px;border:0;border-radius:12px;background:#d6b35a;color:#050505;font-weight:800;font-size:15px}.profile-card{border:1px solid #292929;border-radius:16px;padding:18px;background:#101010}.avatar{width:64px;height:64px;border-radius:50%;background:#d6b35a;color:#050505;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:13px}.profile-name{font-size:20px;font-weight:800}.profile-username{color:#888;margin-top:4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:720px;height:72px;background:rgba(10,10,10,.98);border-top:1px solid #252525;display:grid;grid-template-columns:repeat(4,1fr);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.nav-item{border:0;background:transparent;color:#777;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.nav-item span{font-size:19px}.nav-item.active{color:#d6b35a}.cart-nav em{position:absolute;top:9px;right:calc(50% - 22px);background:#d6b35a;color:#050505;border-radius:10px;min-width:16px;height:16px;font-size:10px;font-style:normal;font-weight:800;display:none;align-items:center;justify-content:center}@media(min-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}