:root{--brand-yellow:#f8cb46;--cream-top:#f9edc0;--cream-bottom:#fdf8e7;--cream-field:#fbf4d8;--green:#0c831f;--green-dark:#0a6d1a;--green-tint:#e8f5e9;--ink:#1f1f1f;--ink-2:#666;--ink-3:#9c9c9c;--surface:#f4f6fb;--border:#eee;--blue:#256fef;--red:#b71c1c;--amber:#f5a623;--white:#fff;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-pill:999px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 6px 20px #0000001a;--shadow-lg:0 12px 36px #00000029;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--max-w:1200px;--header-h:72px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 16px}.page{padding-bottom:96px}.hdr{z-index:40;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0}.hdr-in{height:var(--header-h);align-items:center;gap:16px;display:flex}.hdr-logo{flex:none;place-items:center;display:grid}.hdr-logo img{object-fit:contain;width:44px;height:44px}.hdr-pin{flex-direction:column;min-width:0;line-height:1.25;display:flex}.hdr-pin b{font-size:13.5px;font-weight:800}.hdr-pin span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;max-width:260px;font-size:12px;display:flex;overflow:hidden}.hdr-search{flex:1;min-width:0;position:relative}.hdr-search input{background:var(--surface);border-radius:var(--r-sm);border:1px solid #0000;width:100%;height:44px;padding:0 14px 0 42px;font-size:14px}.hdr-search input:focus{border-color:var(--green);background:var(--white);outline:none}.hdr-search svg{color:var(--ink-3);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.hdr-actions{align-items:center;gap:10px;display:flex}.btn-cart{background:var(--green);color:#fff;border-radius:var(--r-sm);align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:800;display:flex}.btn-cart:hover{background:var(--green-dark)}.btn-ghost{border-radius:var(--r-sm);border:1px solid var(--border);height:44px;padding:0 14px;font-size:14px;font-weight:700}.btn-ghost:hover{border-color:var(--ink-3)}.sec{margin-top:32px}.sec-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.sec-head h2{letter-spacing:-.3px;font-size:19px;font-weight:900}.sec-head a{color:var(--green);font-size:13px;font-weight:800}.banners{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px;display:flex}.banner{border-radius:var(--r-md);flex:0 auto;max-width:100%;overflow:hidden}.banner img{object-fit:contain;width:auto;max-width:100%;height:380px}.tiles{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:14px;display:grid}.tile{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:168px;display:flex}.tile-img{aspect-ratio:1;border-radius:var(--r-md);place-items:center;width:100%;padding:10px;display:grid;overflow:hidden}.tile-img img{object-fit:contain;width:100%;height:100%}.tile span{text-align:center;font-size:12px;font-weight:700;line-height:1.3}.tile:hover .tile-img{transform:translateY(-2px)}.tile-img{transition:transform .15s}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);flex-direction:column;gap:8px;padding:10px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative}.card:hover{box-shadow:var(--shadow-sm);border-color:#e0e0e0}.card-img{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);place-items:center;display:grid;overflow:hidden}.card-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-unit{color:var(--ink-2);font-size:11.5px}.card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.card-price b{font-size:14px;font-weight:900}.card-price s{color:var(--ink-3);margin-left:5px;font-size:11.5px}.save-tag{z-index:1;background:var(--blue);color:#fff;border-radius:0 0 6px 6px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:0;left:10px}.oos{border-radius:var(--r-md);color:var(--ink-2);background:#ffffffb8;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.add{border:1px solid var(--green);min-width:68px;height:32px;color:var(--green);background:var(--green-tint);border-radius:var(--r-sm);font-size:13px;font-weight:900}.add:hover{background:var(--green);color:#fff}.stepper{background:var(--green);color:#fff;border-radius:var(--r-sm);align-items:center;min-width:68px;height:32px;font-weight:900;display:flex}.stepper button{color:#fff;flex:0 0 24px;height:100%;font-size:16px;line-height:1}.stepper span{text-align:center;flex:1;font-size:13px}.notice{border-radius:var(--r-sm);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.notice.warn{background:#fff3cd}.notice.bad{color:#c62828;background:#ffebee}.toast{z-index:90;background:var(--ink);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-md);padding:11px 18px;font-size:13.5px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,#f2f4f7 25%,#e9edf3 37%,#f2f4f7 63%) 0 0/400% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.only-wide{display:block}.only-narrow{display:none}@media (width<=860px){:root{--header-h:60px}.only-wide{display:none}.only-narrow{display:block}.hdr{padding-bottom:10px}.hdr-in{flex-wrap:wrap;gap:10px;height:auto;padding-top:10px}.hdr-logo{display:grid}.hdr-logo img{width:34px;height:34px}.hdr-pin{flex:1;min-width:0}.hdr-pin span{max-width:none}.hdr-search{flex-basis:100%;order:3}.hdr-actions{flex:none}.btn-ghost{padding:0 11px}.grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:10px}.tiles{grid-template-columns:repeat(4,1fr);gap:10px}.tile span{font-size:11px}.banners{flex-direction:column}.banner img{width:100%;height:auto}.aisle .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-head h2{font-size:17px}}.aisle{grid-template-columns:148px 1fr;align-items:start;gap:22px;display:grid}.rail{top:calc(var(--header-h) + 14px);max-height:calc(100vh - var(--header-h) - 28px);flex-direction:column;gap:2px;display:flex;position:sticky;overflow-y:auto}.rail button{border-radius:var(--r-sm);text-align:left;color:var(--ink-2);align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.3;display:flex}.rail button:hover{background:var(--surface)}.rail .rail-on{background:var(--green-tint);color:var(--green)}.rail-dot{background:var(--surface);border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.rail-dot img{object-fit:contain;width:100%;height:100%}.pdp{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:42px;display:grid}.pdp-img{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);aspect-ratio:1;place-items:center;padding:28px;display:grid;position:relative}.pdp-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.pdp-heart{border:1px solid var(--border);background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}@media (width<=860px){.aisle{grid-template-columns:92px 1fr;gap:12px}.rail button{text-align:center;flex-direction:column;gap:5px;padding:8px 4px;font-size:11px}.rail-dot{flex:none;width:40px;height:40px}.pdp{grid-template-columns:1fr;gap:22px}.pdp-img{padding:18px}}.checkout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.line{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.line-img{border-radius:var(--r-sm);background:var(--surface);flex:0 0 60px;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.line-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.panel{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);padding:18px}.panel h2{font-size:15px;font-weight:900}.bill{border:1px solid var(--border);border-radius:var(--r-md);top:calc(var(--header-h) + 14px);padding:18px;position:sticky}.bill h2{margin-bottom:12px;font-size:15px;font-weight:900}.bill-row{color:var(--ink-2);justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;display:flex}.bill-total{border-top:1px dashed var(--border);color:var(--ink);justify-content:space-between;margin-top:10px;padding-top:12px;font-size:15px;font-weight:900;display:flex}.addr{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:13px;font-size:13px;display:flex}.addr-on{border-color:var(--green);background:var(--green-tint)}.addr b{margin-bottom:2px;font-size:13.5px;display:block}.addr input{accent-color:var(--green);margin-top:2px}.addr-form{gap:12px;margin-top:14px;display:grid}.addr-form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:5px;display:grid}.field span{color:var(--ink-2);font-size:12px;font-weight:700}.field input{border:1px solid var(--border);border-radius:var(--r-sm);height:42px;padding:0 12px;font-size:14px}.field input:focus{border-color:var(--green);outline:none}.link{color:var(--green);font-size:13px;font-weight:800}.track{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:22px;display:flex}.track li{color:var(--ink-3);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.track li span{background:var(--border);border-radius:50%;width:9px;height:9px}.track .track-on{color:var(--green)}.track .track-on span{background:var(--green)}.auth{place-items:center;padding:48px 0;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--r-md);width:100%;max-width:400px;padding:28px}.auth-card h1{font-size:21px;font-weight:900}.auth-sub{color:var(--ink-2);margin:6px 0 18px;font-size:13px}.field-phone{border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;height:48px;display:flex;overflow:hidden}.field-phone span{border-right:1px solid var(--border);padding:0 12px;font-size:14px;font-weight:800;line-height:48px}.field-phone input{border:0;outline:none;flex:1;height:100%;padding:0 12px;font-size:15px}.field-code{border:1px solid var(--border);border-radius:var(--r-sm);letter-spacing:4px;width:100%;height:48px;padding:0 12px;font-size:18px;font-weight:800}.auth-go{background:var(--green);color:#fff;border-radius:var(--r-sm);width:100%;height:48px;margin-top:14px;font-size:15px;font-weight:900}.auth-go:disabled{opacity:.45}.auth-legal{color:var(--ink-3);margin-top:16px;font-size:11.5px;line-height:1.5}.auth-legal a{color:var(--green);font-weight:700}.account{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.acct-nav{gap:2px;display:grid}.acct-nav a,.acct-nav button{border-radius:var(--r-sm);color:var(--ink-2);text-align:left;align-items:center;gap:10px;padding:11px 13px;font-size:13.5px;font-weight:700;display:flex}.acct-nav a:hover,.acct-nav button:hover{background:var(--surface)}.acct-nav .on{background:var(--green-tint);color:var(--green)}@media (width<=860px){.checkout,.account{grid-template-columns:1fr}.bill{position:static}.acct-nav{grid-auto-flow:column;overflow-x:auto}.addr-form .two{grid-template-columns:1fr}}.tabbar{z-index:50;background:var(--white);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--ink-3);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 8px;font-size:10.5px;font-weight:700;display:flex}.tab.on{color:var(--green)}@media (width<=860px){.tabbar{display:flex}.page{padding-bottom:150px}}.or{color:var(--ink-3);align-items:center;gap:10px;margin:16px 0 12px;font-size:11.5px;font-weight:700;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{border-radius:var(--r-sm);color:#3c4043;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:15px;font-weight:600;display:flex}.btn-google:hover{background:#f8f9fa}.btn-google:disabled{opacity:.55}.card-foot .stepper,.card-foot .add{flex:none}.stepper{justify-content:space-between;width:74px}.line .stepper{flex:none;width:84px}@media (width<=860px){.card-foot{gap:6px}.stepper{width:68px}.add{min-width:60px}.card-price b{font-size:13px}}.mapwrap{margin-top:10px;position:relative}.mapcanvas{border-radius:var(--r-md);background:var(--surface);height:280px;overflow:hidden}.mappin{background:var(--green);width:18px;height:18px;box-shadow:var(--shadow-md);pointer-events:none;border:3px solid #fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.mappin:after{content:"";background:var(--green);width:2px;height:12px;margin-left:-1px;position:absolute;top:100%;left:50%}.mapme{width:36px;height:36px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.mapgo{justify-content:center;height:44px;position:absolute;bottom:12px;left:12px;right:12px}.ridermap{border-radius:var(--r-md);background:var(--surface);height:240px;margin:18px 0 4px;overflow:hidden}.mapsearch{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;height:44px;margin-bottom:8px;padding:0 14px;font-size:14px}.mapsearch:focus{border-color:var(--green);outline:none}.pac-container{z-index:99999;border-radius:var(--r-sm);font-family:var(--font)}