:root{--navy:#1b2a63;--navy-2:#243a82;--navy-d:#101b47;--gold:#f2c20d;--gold-2:#ffd42e;--gold-d:#d9a800;--bg:#f6f8fc;--card:#fff;--soft:#eef1f8;--green:#0e9f57;--green-d:#0a7c43;--line:#e6eaf3;--line-2:#d8ddec;--muted:#6b7290;--muted-2:#9aa0bc;--txt:#15203f;--shadow:0 10px 30px rgba(27,42,99,.09);--shadow-lg:0 22px 55px rgba(16,27,71,.22);--r:18px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--txt);font-family:DM Sans,system-ui,sans-serif}body{max-width:660px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:104px;overflow-x:hidden}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.state{min-height:100vh;display:grid;place-items:center;padding:24px}.state-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px 28px;box-shadow:var(--shadow)}.state-card h1{font-family:Anton;font-size:24px;letter-spacing:1px;color:var(--navy);margin-bottom:8px}.state-card p{color:var(--muted);font-weight:500}.hero{position:relative;background:radial-gradient(120% 80% at 88% -20%,rgba(242,194,13,.2),transparent 55%),radial-gradient(90% 70% at -5% 0,rgba(27,42,99,.07),transparent 55%),linear-gradient(180deg,#fff,#f6f8fc);padding:16px 18px 22px;overflow:hidden;border-bottom:1px solid var(--line)}.nav{position:relative;z-index:2;justify-content:space-between;gap:10px}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;min-width:0}.brand .logo{width:54px;height:54px;border-radius:15px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none;box-shadow:0 6px 16px rgba(27,42,99,.1)}.brand .logo img{width:100%;height:100%;object-fit:cover}.brand h1{font-family:Anton;font-size:21px;line-height:.95;letter-spacing:1px;color:var(--navy)}.brand p{font-size:11px;color:var(--muted);font-weight:600;margin-top:5px;display:flex;align-items:center;gap:5px}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(14,159,87,.18)}.cart-btn{position:relative;width:50px;height:50px;border-radius:15px;background:var(--navy);display:grid;place-items:center;flex:none;transition:.18s;box-shadow:0 8px 18px rgba(27,42,99,.28)}.cart-btn:active{transform:scale(.9)}.cart-btn svg{width:23px;height:23px;stroke:#fff}.badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--gold);color:var(--navy-d);font-family:Sora;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.hero-copy{position:relative;z-index:2;margin-top:28px}.kick{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-d);background:rgba(242,194,13,.16);border:1px solid rgba(242,194,13,.4);padding:6px 12px;border-radius:999px}.hero-copy h2{font-family:Anton;font-size:40px;line-height:.94;margin-top:15px;letter-spacing:.5px;color:var(--navy)}.hero-copy h2 em{font-style:normal;color:var(--gold-d)}.hero-copy .sub{color:var(--muted);font-size:14px;font-weight:500;margin-top:11px;max-width:90%;line-height:1.5}.searchbig{position:relative;z-index:2;margin-top:20px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line-2);border-radius:16px;padding:6px 6px 6px 17px;box-shadow:var(--shadow)}.searchbig svg{width:21px;height:21px;stroke:var(--muted);flex:none}.searchbig input{border:none;outline:none;font-size:15.5px;width:100%;color:var(--txt);font-family:inherit;background:none;padding:13px 0}.searchbig input::placeholder{color:#a4aac4}.searchbig .go{flex:none;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:grid;place-items:center;box-shadow:0 6px 16px rgba(242,194,13,.5)}.searchbig .go svg{width:22px;height:22px;stroke:var(--navy-d);stroke-width:2.6}.ticker{position:relative;z-index:2;display:flex;gap:8px;margin-top:16px;overflow-x:auto;scrollbar-width:none}.ticker::-webkit-scrollbar{display:none}.ticker span{flex:none;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;box-shadow:var(--shadow)}.ticker svg{width:14px;height:14px;stroke:var(--green)}.cats{display:flex;gap:9px;overflow-x:auto;padding:20px 18px 4px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.chip{flex:none;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:11px 15px;font-weight:600;font-size:13.5px;color:#454c70;transition:.15s;white-space:nowrap}.chip svg{width:16px;height:16px}.chip .ct{background:var(--soft);color:var(--muted);font-size:11px;font-family:Sora;font-weight:700;padding:1px 7px;border-radius:999px}.chip.sel{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 8px 18px rgba(27,42,99,.28)}.chip.sel .ct{background:var(--gold);color:var(--navy-d)}.chip:active{transform:scale(.95)}.sec-t{justify-content:space-between;padding:24px 18px 13px}.sec-t,.sec-t .lt{display:flex;align-items:center}.sec-t .lt{gap:11px;font-family:Anton;font-size:19px;letter-spacing:1px;color:var(--navy)}.sec-t .lt .bar2{width:5px;height:21px;background:var(--gold);border-radius:2px}.sec-t .more{font-size:12px;color:var(--gold-d);font-weight:800}.rail{display:flex;gap:14px;overflow-x:auto;padding:2px 18px 6px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .card{flex:none;width:176px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;padding:6px 18px 22px}@media(min-width:540px){.grid{grid-template-columns:1fr 1fr 1fr}}.card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;transition:transform .16s;border:1px solid var(--line)}.card:active{transform:scale(.985)}.thumb{aspect-ratio:1/1;position:relative;display:grid;place-items:center;overflow:hidden}.thumb svg.ph{width:44%;height:44%;opacity:.92}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .wm{right:9px;bottom:8px;font-family:Anton;font-size:11px;letter-spacing:1px}.hot,.thumb .wm{position:absolute}.hot{top:10px;left:10px;display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy-d);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:4px 8px;border-radius:8px;box-shadow:0 4px 10px rgba(242,194,13,.45)}.hot svg{width:11px;height:11px;fill:var(--navy-d)}.tagcat{position:absolute;top:10px;right:10px;background:rgba(27,42,99,.82);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 7px;border-radius:7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info{padding:13px 12px 14px;display:flex;flex-direction:column;flex:1 1}.name{font-weight:600;font-size:13.5px;line-height:1.32;color:var(--txt);min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:13px;gap:6px}.price .usd{font-family:Anton;font-size:23px;color:var(--navy);letter-spacing:.5px;line-height:.9}.price .promo{display:inline-flex;align-items:center;gap:4px;margin-top:8px;background:rgba(14,159,87,.1);color:var(--green-d);font-weight:700;font-size:10.5px;padding:3px 8px;border-radius:8px;border:1px solid rgba(14,159,87,.2)}.price .promo svg{width:12px;height:12px;stroke:var(--green-d);stroke-width:2.4}.add{width:42px;height:42px;border-radius:13px;background:var(--navy);display:grid;place-items:center;flex:none;transition:.15s;box-shadow:0 8px 16px rgba(27,42,99,.3)}.add svg{width:22px;height:22px;stroke:#fff;stroke-width:2.6}.add:active{transform:scale(.85)}.qty-pill{display:flex;align-items:center;background:var(--navy);border-radius:13px;height:42px}.qty-pill button{width:34px;height:42px;color:#fff;font-size:20px;font-family:Sora;display:grid;place-items:center}.qty-pill b{font-family:Sora;font-weight:700;font-size:14px;color:#fff;min-width:18px;text-align:center}.bar{position:fixed;left:50%;transform:translateX(-50%) translateY(150%);bottom:14px;width:calc(100% - 24px);max-width:636px;background:var(--navy);border-radius:20px;padding:11px 12px 11px 18px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-lg);z-index:40;transition:transform .34s cubic-bezier(.2,.9,.3,1)}.bar.on{transform:translateX(-50%) translateY(0)}.bar .ci{position:relative;flex:none}.bar .ci svg{width:26px;height:26px;stroke:#fff}.bar .ci b{position:absolute;top:-8px;right:-10px;background:var(--gold);color:var(--navy-d);font-family:Sora;font-weight:800;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 4px}.bar .tot{line-height:1.05;color:#fff}.bar .tot .t-usd{font-family:Anton;font-size:24px;letter-spacing:.5px}.bar .tot .t-sub{font-size:11px;color:#7ce0a6;font-weight:700;margin-top:2px}.bar .pay{margin-left:auto;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy-d);font-family:Anton;font-size:15px;letter-spacing:.5px;padding:15px 20px;border-radius:14px;display:flex;align-items:center;gap:8px;transition:.15s;box-shadow:0 8px 20px rgba(242,194,13,.5)}.bar .pay svg{width:18px;height:18px;fill:var(--navy-d)}.bar .pay:active{transform:scale(.95)}.scrim{position:fixed;inset:0;background:rgba(16,27,71,.5);z-index:50;opacity:0;pointer-events:none;transition:.25s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bg);max-width:660px;margin:0 auto;border-top-left-radius:26px;border-top-right-radius:26px;transform:translateY(100%);transition:transform .36s cubic-bezier(.2,.9,.3,1);max-height:90vh;display:flex;flex-direction:column}.drawer.on{transform:translateY(0)}.dr-head{padding:18px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#fff;border-top-left-radius:26px;border-top-right-radius:26px;position:-webkit-sticky;position:sticky;top:0}.dr-head .grab{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:3px;background:var(--line-2)}.dr-head h2{font-family:Anton;font-size:21px;letter-spacing:1px;color:var(--navy)}.dr-head .x{margin-left:auto;width:36px;height:36px;border-radius:11px;background:var(--soft);display:grid;place-items:center}.dr-head .x svg{width:18px;height:18px;stroke:var(--muted);stroke-width:2.4}.dr-body{overflow-y:auto;padding:13px 16px;flex:1 1}.ci-row{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px;margin-bottom:10px;align-items:center;box-shadow:var(--shadow)}.ci-row .th{width:60px;height:60px;border-radius:12px;flex:none;display:grid;place-items:center;overflow:hidden}.ci-row .th svg{width:48%;height:48%;opacity:.92}.ci-row .th img{width:100%;height:100%;object-fit:cover}.ci-row .cd{flex:1 1;min-width:0}.ci-row .cd .n{font-weight:600;font-size:13.5px;color:var(--txt);line-height:1.25}.ci-row .cd .p{font-size:12px;color:var(--muted);font-weight:600;margin-top:3px}.ci-row .cd .p b{color:var(--navy);font-family:Anton;font-size:14px;letter-spacing:.4px}.ci-row .qp{display:flex;align-items:center;background:var(--soft);border-radius:11px;flex:none}.ci-row .qp button{width:31px;height:35px;color:var(--navy);font-size:18px;font-family:Sora;display:grid;place-items:center}.ci-row .qp b{font-family:Sora;font-weight:700;font-size:13px;min-width:16px;text-align:center}.empty{text-align:center;padding:54px 20px;color:var(--muted)}.empty svg{width:56px;height:56px;stroke:var(--muted-2);margin-bottom:14px}.empty p{font-weight:600;font-size:15px}.dr-foot{background:#fff;border-top:1px solid var(--line);padding:15px 16px calc(16px + env(safe-area-inset-bottom))}.sumrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.sumrow .l{font-size:13px;color:var(--muted);font-weight:600}.sumrow .v{font-weight:700;font-size:14px;color:var(--txt)}.sumrow.big .l{color:var(--navy);font-weight:800;font-size:15px}.sumrow.big .v{font-family:Anton;font-size:27px;color:var(--navy);letter-spacing:.5px}.promo-box{justify-content:space-between;background:rgba(14,159,87,.08);border:1px solid rgba(14,159,87,.25);border-radius:13px;padding:12px 14px;margin:11px 0 2px}.promo-box,.promo-box .l{display:flex;align-items:center}.promo-box .l{gap:8px;color:var(--green-d);font-weight:700;font-size:13px}.promo-box .l svg{width:18px;height:18px;stroke:var(--green-d);stroke-width:2.3}.promo-box .v{font-size:20px;color:var(--green-d)}.promo-box .v,.wa-btn{font-family:Anton;letter-spacing:.5px}.wa-btn{width:100%;margin-top:13px;background:linear-gradient(135deg,#25d366,#1ebe5a);color:#fff;font-size:17px;padding:17px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;transition:.15s;box-shadow:0 10px 24px rgba(37,211,102,.4)}.wa-btn svg{width:23px;height:23px;fill:#fff}.wa-btn:active{transform:scale(.98)}.wa-note{text-align:center;font-size:11px;color:var(--muted-2);margin-top:10px;font-weight:500}.toast{position:fixed;left:50%;transform:translateX(-50%) translateY(20px);bottom:112px;background:var(--navy);color:#fff;font-weight:700;font-size:13.5px;padding:13px 19px;border-radius:13px;z-index:70;opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);white-space:nowrap}.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}.toast svg{width:18px;height:18px;stroke:var(--gold);stroke-width:3}footer{text-align:center;padding:30px 20px 18px;color:var(--muted-2);font-size:11px;font-weight:500;line-height:1.8}footer b{color:var(--navy);font-family:Anton;letter-spacing:1px;font-weight:400}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grid .card,.rail .card{animation:fadeUp .35s both}