:root{--emerald: #0BA84A;--emerald-600: #099a44;--emerald-700: #067a36;--emerald-900: #045C27;--lime: #C6F135;--ink: #1A1A1F;--bg: #FBF7EF;--surface: #ffffff;--surface-2: #F4EDE0;--text: #1A1A1F;--text-muted: #6E6960;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--brand: var(--emerald);--brand-contrast: #ffffff;--brand-wash: #E7F7ED;--on-wash: var(--emerald-900);--danger: #C6362F;--danger-wash: #FDECEA;--warn: #9A6B00;--shadow: 0 10px 24px -12px rgba(11, 18, 32, .14);--shadow-lg: 0 30px 60px -24px rgba(11, 18, 32, .2);--shadow-up: 0 -8px 24px -16px rgba(11, 18, 32, .22);--mint: #D9F2E4;--sky: #D8E9FF;--blush: #FFE2EC;--lilac: #EADFFF;--butter: #FFF2C9;--radius: 16px;--radius-lg: 24px;--radius-sm: 10px;--container: 1160px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--header-h: 60px;--nav-h: 62px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #12130F;--surface: #1B1D18;--surface-2: #24261F;--text: #F2F0EA;--text-muted: #A29D92;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--brand-wash: #10301D;--on-wash: #7FE3A5;--danger: #FF8A80;--danger-wash: #3A1D1A;--warn: #E8C06A;--mint: #1D3A2A;--sky: #1C2A3D;--blush: #3A2129;--lilac: #2A2338;--butter: #3A3320;--shadow: 0 10px 24px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, .7);--shadow-up: 0 -8px 24px -16px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--bg: #12130F;--surface: #1B1D18;--surface-2: #24261F;--text: #F2F0EA;--text-muted: #A29D92;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--brand-wash: #10301D;--on-wash: #7FE3A5;--danger: #FF8A80;--danger-wash: #3A1D1A;--warn: #E8C06A;--mint: #1D3A2A;--sky: #1C2A3D;--blush: #3A2129;--lilac: #2A2338;--butter: #3A3320;--shadow: 0 10px 24px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, .7);--shadow-up: 0 -8px 24px -16px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.muted{color:var(--text-muted)}.small{font-size:.82rem}.strong{font-family:var(--font);font-weight:700}.center{text-align:center}.row{display:flex;align-items:center;gap:.6rem}.spread{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stack{display:grid;gap:.75rem}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-sm{display:none}@media (min-width: 720px){.hide-sm{display:initial}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font);font-weight:700;font-size:.92rem;padding:.7rem 1.15rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;background:none;transition:transform .12s ease,box-shadow .2s ease,background .18s ease,opacity .18s ease;white-space:nowrap;text-align:center}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-contrast);box-shadow:0 8px 18px -10px #0ba84acc}.btn-primary:hover:not(:disabled){background:var(--emerald-600)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-quiet{color:var(--text-muted);padding:.5rem .7rem}.btn-quiet:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn-danger{background:var(--danger-wash);color:var(--danger)}.btn-block{width:100%}.btn-lg{padding:.9rem 1.5rem;font-size:1rem}.btn-sm{padding:.45rem .85rem;font-size:.82rem}.field{display:grid;gap:.35rem}.field>label{font-family:var(--font);font-weight:700;font-size:.85rem}.input,.select,.textarea{width:100%;padding:.7rem .9rem;border-radius:12px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.textarea{min-height:84px;resize:vertical}.field-error{color:var(--danger);font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:1rem}.divider{height:1px;background:var(--border);border:0;margin:.9rem 0}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:var(--surface-2);font-size:.76rem;font-weight:600}.pill-brand{background:var(--brand-wash);color:var(--on-wash)}.pill-danger{background:var(--danger-wash);color:var(--danger)}.app{min-height:100dvh;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.appbar-inner{width:min(100% - 1.5rem,var(--container));margin-inline:auto;min-height:var(--header-h);display:flex;align-items:center;gap:.75rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font);font-weight:800;letter-spacing:-.03em;font-size:1.15rem}.brand em{font-style:normal;color:var(--brand)}.brand img{width:26px;height:26px}.loc-chip{display:flex;align-items:center;gap:.45rem;text-align:left;padding:.3rem .6rem .3rem .4rem;border-radius:12px;border:1px solid transparent;background:none;cursor:pointer;max-width:220px}.loc-chip:hover{background:var(--surface-2)}.loc-chip b{display:block;font-family:var(--font);font-size:.82rem;line-height:1.2}.loc-chip span{display:block;font-size:.74rem;color:var(--text-muted);line-height:1.2}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid transparent;background:none;cursor:pointer;position:relative;color:var(--text)}.icon-btn:hover{background:var(--surface-2)}.icon-btn .badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}.main{flex:1;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 1rem)}@media (min-width: 860px){.main{padding-bottom:2rem}}.page{width:min(100% - 1.5rem,var(--container));margin-inline:auto;padding:1rem 0 1.5rem}.page-title{margin-bottom:.85rem}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--border);padding-bottom:var(--safe-b);box-shadow:var(--shadow-up)}.tabbar a{display:grid;justify-items:center;gap:2px;padding:.5rem 0 .45rem;font-size:.68rem;font-weight:600;color:var(--text-muted);transition:color .15s ease}.tabbar a.active{color:var(--brand)}.tabbar a svg{width:22px;height:22px}.tabbar .tab-badge{position:absolute;transform:translate(12px,-4px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:.62rem;display:grid;place-items:center}@media (min-width: 860px){.tabbar{display:none}}.desk-nav{display:none;gap:.25rem}.desk-nav a{padding:.5rem .8rem;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--text-muted)}.desk-nav a.active,.desk-nav a:hover{color:var(--text);background:var(--surface-2)}@media (min-width: 860px){.desk-nav{display:flex}}.searchbar{position:relative;display:flex;align-items:center}.searchbar svg{position:absolute;left:.8rem;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.searchbar input{padding-left:2.4rem;border-radius:999px}.searchbar .clear{position:absolute;right:.4rem}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (min-width: 560px){.cat-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 860px){.cat-grid{grid-template-columns:repeat(8,1fr)}}.cat{display:grid;justify-items:center;gap:.4rem;padding:.7rem .3rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);transition:transform .15s ease,box-shadow .2s ease}.cat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cat .art{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem}.cat span{font-size:.72rem;font-weight:600;text-align:center;line-height:1.2}.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}@media (min-width: 560px){.prod-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 860px){.prod-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1100px){.prod-grid{grid-template-columns:repeat(5,1fr)}}.prod{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease}.prod:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.prod-art{aspect-ratio:1;display:grid;place-items:center;font-size:2.4rem;background:var(--surface-2);overflow:hidden}.prod-art img{width:100%;height:100%;object-fit:cover}.prod-body{padding:.55rem .6rem .6rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.prod-name{font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-unit{font-size:.72rem;color:var(--text-muted)}.prod-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding-top:.35rem}.prod-price{font-family:var(--font);font-weight:800;font-size:.92rem}.prod-mrp{font-size:.74rem;color:var(--text-muted);text-decoration:line-through;margin-left:.3rem}.prod-off{position:absolute;top:.45rem;left:.45rem;z-index:1;background:var(--emerald-700);color:#fff;font-size:.66rem;font-weight:800;padding:.12rem .4rem;border-radius:6px}.prod-oos{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 72%,transparent);font-weight:700;font-size:.8rem}@media (min-width: 860px){.pd-layout{grid-template-columns:420px minmax(0,1fr)!important;align-items:start;gap:2rem!important}}.qty{display:inline-flex;align-items:center;border-radius:9px;overflow:hidden;border:1.5px solid var(--brand);background:var(--brand);color:#fff;font-family:var(--font);font-weight:700}.qty button{background:none;border:0;color:inherit;width:26px;height:28px;cursor:pointer;font-size:1rem;line-height:1}.qty button:disabled{opacity:.45;cursor:not-allowed}.qty span{min-width:20px;text-align:center;font-size:.82rem}.qty-add{border:1.5px solid var(--brand);color:var(--brand);background:var(--brand-wash);border-radius:9px;padding:.28rem .7rem;font-family:var(--font);font-weight:700;font-size:.8rem;cursor:pointer}.qty-add:hover{background:var(--brand);color:#fff}.qty-add:disabled{opacity:.45;cursor:not-allowed}.floatcart{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) + .6rem);z-index:55;width:min(100% - 1.5rem,560px);display:flex;align-items:center;gap:.7rem;padding:.55rem .6rem .55rem .8rem;border-radius:16px;background:var(--emerald-700);color:#fff;box-shadow:var(--shadow-lg);animation:floatcart-in .22s cubic-bezier(.2,.8,.3,1)}@media (min-width: 860px){.floatcart{bottom:1.2rem}}@keyframes floatcart-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.floatcart .thumb{width:34px;height:34px;border-radius:8px;background:#ffffff2e;display:grid;place-items:center;overflow:hidden;font-size:1.1rem}.floatcart .thumb img{width:100%;height:100%;object-fit:cover}.floatcart b{font-family:var(--font);font-size:.9rem;display:block;line-height:1.2}.floatcart small{opacity:.82;font-size:.74rem}.floatcart .go{margin-left:auto;background:#fff;color:var(--emerald-700);border-radius:11px;padding:.5rem .9rem;font-family:var(--font);font-weight:800;font-size:.86rem;border:0;cursor:pointer}.line{display:grid;grid-template-columns:56px 1fr auto;gap:.7rem;align-items:center;padding:.7rem 0}.line+.line{border-top:1px solid var(--border)}.line-art{width:56px;height:56px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:1.5rem;overflow:hidden}.line-art img{width:100%;height:100%;object-fit:cover}.bill{display:grid;gap:.4rem}.bill .r{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.bill .r.total{font-family:var(--font);font-weight:800;font-size:1.02rem;padding-top:.5rem;border-top:1px dashed var(--border-strong);margin-top:.2rem}.bill .r .free{color:var(--on-wash);font-weight:700}.sticky-bar{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b));background:var(--surface);border-top:1px solid var(--border);padding:.75rem;margin:1rem -.75rem 0;box-shadow:var(--shadow-up);display:flex;align-items:center;gap:.8rem}@media (min-width: 860px){.sticky-bar{bottom:0;border-radius:var(--radius);border:1px solid var(--border);margin-inline:0}}.timeline{display:grid;gap:0}.tl{display:grid;grid-template-columns:26px 1fr;gap:.7rem}.tl-dot{display:grid;justify-items:center}.tl-dot i{width:12px;height:12px;border-radius:50%;background:var(--border-strong);display:block;margin-top:5px}.tl-dot u{width:2px;flex:1;background:var(--border);display:block;min-height:26px}.tl.done .tl-dot i,.tl.done .tl-dot u{background:var(--brand)}.tl.now .tl-dot i{background:var(--brand);box-shadow:0 0 0 4px var(--brand-wash)}.tl-body{padding-bottom:.9rem}.tl-body b{font-family:var(--font);font-size:.9rem}.tl.pending .tl-body{color:var(--text-muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0c0a73;display:grid;align-items:end;animation:fade .18s ease}@media (min-width: 640px){.sheet-backdrop{place-items:center}}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);border-radius:22px 22px 0 0;padding:1.1rem;width:100%;max-height:88dvh;overflow:auto;padding-bottom:calc(1.1rem + var(--safe-b));animation:sheet-in .22s cubic-bezier(.2,.8,.3,1)}@media (min-width: 640px){.sheet{border-radius:var(--radius-lg);width:min(100% - 2rem,460px);padding-bottom:1.1rem}}@keyframes sheet-in{0%{transform:translateY(18px);opacity:.6}to{transform:none;opacity:1}}.sheet-grab{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:-.3rem auto .8rem}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) + 4.2rem);z-index:120;display:grid;gap:.5rem;width:min(100% - 2rem,420px)}.toast{background:var(--ink);color:#fff;padding:.7rem .9rem;border-radius:12px;font-size:.86rem;box-shadow:var(--shadow-lg);animation:sheet-in .2s ease}.toast.err{background:#8c2d26}.empty{display:grid;justify-items:center;gap:.6rem;text-align:center;padding:2.5rem 1rem}.empty .art{font-size:2.6rem}.empty p{color:var(--text-muted);max-width:34ch}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk-card{height:190px}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--brand);animation:spin .7s linear infinite}.spinner.on-brand{border-color:#fff6;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:var(--radius);padding:.85rem 1rem;font-size:.88rem;border:1px solid var(--border);background:var(--surface-2)}.notice-warn{background:var(--butter);border-color:transparent;color:var(--warn)}.notice-danger{background:var(--danger-wash);border-color:transparent;color:var(--danger)}.sec{margin-top:1.4rem}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.sec-head a{font-size:.82rem;font-weight:700;color:var(--brand)}.hero{border-radius:var(--radius-lg);padding:1.1rem 1.2rem;background:linear-gradient(120deg,var(--mint),var(--butter));display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero h1{font-size:clamp(1.2rem,4vw,1.7rem)}.hero h1,.hero p{color:var(--text)}.hero p{margin:.25rem 0 0;font-size:.88rem;opacity:.82}.hero .eta{font-family:var(--font);font-weight:800;font-size:1.9rem;color:var(--on-wash);line-height:1}.hero .eta small{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}