@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--c-violet:#6e00f5;--c-violet-lift:#8a2bff;--c-violet-deep:#4a00a8;--c-violet-soft:#f0e5ff;--c-blue:#3965ff;--c-blue-soft:#e4ebff;--c-blue-deep:#1a3fd4;--c-green:#01b574;--c-green-soft:#d6f7ec;--c-green-deep:#017a50;--c-amber:#ffb547;--c-amber-soft:#fff1dc;--c-amber-deep:#8a5300;--c-red:#dc3a2e;--c-red-soft:#ffe4e1;--c-red-deep:#a92318;--brand:var(--c-violet);--brand-lift:var(--c-violet-lift);--brand-deep:var(--c-violet-deep);--brand-soft:var(--c-violet-soft);--accent:var(--c-blue);--bg:#f4f3fe;--card:#fff;--text:#1b2559;--text-body:#4a5578;--muted:#6b7a9f;--border:#e4e8f5;--danger:var(--c-red);--success:var(--c-green);--radius:20px;--radius-sm:14px;--shadow:0 8px 24px #7090b029;--shadow-lift:0 14px 34px #7090b047;--shadow-brand:0 8px 18px #6e00f54d;--app-max:480px;--tabbar-h:74px;--header-h:60px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:#e7e6f6;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}.brand-font,h1,h2,h3,h4{letter-spacing:-.2px;font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.app-shell{max-width:var(--app-max);background:var(--bg);min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 60px #7090b038}.app-body{padding:14px 16px calc(var(--tabbar-h) + 22px)}.btn{background:linear-gradient(135deg,var(--brand-lift),var(--brand));color:#fff;cursor:pointer;box-shadow:var(--shadow-brand);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .12s,box-shadow .15s,filter .15s;display:inline-flex}.btn:active{filter:brightness(.94);transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.block{width:100%}.btn.secondary{background:var(--brand-soft);color:var(--brand-deep);box-shadow:none}.btn.ghost{color:var(--text);box-shadow:var(--shadow);background:#fff}.btn.danger{background:var(--danger);box-shadow:0 8px 18px #dc3a2e52}.btn.dark{background:var(--text);box-shadow:0 8px 18px #1b25594d}.btn.sm{padding:9px 16px;font-size:13.5px}.btn.lg{padding:16px 26px;font-size:16.5px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.flat{box-shadow:none;border:1.5px solid var(--border)}.input,select.input,textarea.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;padding:14px 16px;font-family:inherit;font-size:15px}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--brand);outline:none}label.field{margin-bottom:14px;display:block}label.field>span{color:var(--text-body);margin-bottom:6px;padding-left:4px;font-size:12.5px;font-weight:700;display:block}.search-pill{box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;display:flex}.search-pill input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:15px}.search-pill svg{color:var(--muted);flex-shrink:0}.badge{border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-block}.badge.discount{background:var(--c-red);color:#fff}.badge.new-p{background:var(--c-blue);color:#fff}.badge.top-p{background:var(--c-amber);color:var(--c-amber-deep)}.badge.out{color:var(--muted);background:#e6e9f4}.badge.new{background:var(--brand-soft);color:var(--brand-deep)}.badge.discussed{background:var(--c-amber-soft);color:var(--c-amber-deep)}.badge.agreed{background:var(--c-blue-soft);color:var(--c-blue-deep)}.badge.shipped{background:var(--c-green-soft);color:var(--c-green-deep)}.badge.paid{background:var(--c-green-deep);color:#fff}.badge.cancelled{background:var(--c-red-soft);color:var(--c-red-deep)}.sec-head{justify-content:space-between;align-items:baseline;margin:22px 0 12px;display:flex}.sec-head h2{font-size:19px}.sec-head a{color:var(--brand);font-size:13px;font-weight:800}.pgrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.lenta{scroll-snap-type:x mandatory;scrollbar-width:none;gap:13px;margin:0 -16px;padding:2px 16px 6px;scroll-padding-left:16px;display:flex;overflow-x:auto}.lenta::-webkit-scrollbar{display:none}.lenta>*{scroll-snap-align:start;min-width:165px;max-width:165px}.muted{color:var(--muted)}.error-text{color:var(--c-red-deep);background:var(--c-red-soft)}.error-text,.ok-text{border-radius:12px;margin-top:10px;padding:10px 14px;font-size:13.5px;font-weight:700}.ok-text{color:var(--c-green-deep);background:var(--c-green-soft)}.mt{margin-top:16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.price{color:var(--text);font-size:16px;font-weight:800}.old-price{color:var(--muted);margin-left:6px;font-size:13px;font-weight:600;text-decoration:line-through}.usd{color:var(--brand);font-size:12.5px;font-weight:800}.stepper{background:var(--bg);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.stepper button{width:32px;height:32px;color:var(--brand);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 6px #7090b038}.stepper button:disabled{opacity:.4}.stepper span{text-align:center;min-width:34px;font-size:15px;font-weight:800}.sticky-bar{width:100%;max-width:var(--app-max);padding:14px 16px calc(14px + env(safe-area-inset-bottom));z-index:40;background:#fff;border-radius:24px 24px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #7090b042}.sticky-bar.above-tabs{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:14px;box-shadow:0 -6px 20px #7090b033}.empty-state{text-align:center;padding:50px 20px}.empty-state .em{margin-bottom:12px;font-size:54px}.empty-state h3{margin-bottom:6px;font-size:19px}.empty-state p{color:var(--muted);margin-bottom:18px;font-size:14px}.skel{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e7e6f6 25%,#f4f3fe 50%,#e7e6f6 75%) 0 0/200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=520px){body{background:var(--bg)}.app-shell{box-shadow:none}}