@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap";
*{box-sizing:border-box}.demoPage{--ink:#18221e;--green:#214d3b;--lime:#d8f14b;--cream:#f7f3eb;--muted:#69736e;background:var(--cream);min-height:100vh;color:var(--ink);font-family:DM Sans,sans-serif}.demoPage button,.demoPage input{font:inherit}.announcement{background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:7px;height:36px;font-size:12px;display:flex}.announcement b{color:var(--lime)}.announcement span{border:1px dashed #ffffff61;border-radius:5px;margin-left:12px;padding:3px 8px;font-size:10px}.demoHeader{z-index:20;background:#fff;border-bottom:1px solid #e8e8e3;justify-content:space-between;align-items:center;height:79px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.restaurantBrand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:flex}.restaurantBrand>span{background:var(--green);width:43px;height:43px;color:var(--lime);border-radius:50%;place-items:center;font-family:Montserrat;font-size:14px;font-weight:900;display:grid}.restaurantBrand div{flex-direction:column;display:flex}.restaurantBrand b{letter-spacing:-.3px;font:900 14px Montserrat}.restaurantBrand small{letter-spacing:2.2px;color:#7b847f;margin-top:3px;font-size:7px}.headerInfo{align-items:center;gap:26px;display:flex}.headerInfo>div{grid-template-columns:11px 1fr;font-size:11px;font-weight:700;display:grid}.headerInfo i{background:#28b46a;border-radius:50%;width:8px;height:8px;margin-top:4px}.headerInfo small{color:#84908a;grid-column:2;font-weight:500}.headerInfo button{background:var(--green);color:#fff;border:0;border-radius:11px;align-items:center;gap:8px;height:43px;padding:0 17px;font-size:11px;font-weight:700;display:flex}.headerInfo button b{background:var(--lime);color:var(--ink);border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.restaurantHero{background:url(/food-hero.png) 50% 48%/cover no-repeat;height:440px}.heroShade{background:linear-gradient(90deg,#101b16f2 0%,#15231abe 45%,#0000 78%);align-items:center;height:100%;padding:0 max(7vw,28px);display:flex}.heroShade>div{color:#fff;max-width:610px}.heroTag,.menuTitle span{letter-spacing:2.3px;color:var(--lime);font-size:9px;font-weight:800}.heroShade h1{margin:17px 0;font:900 clamp(45px,6vw,76px)/.95 Montserrat}.heroShade h1 em{color:var(--lime);font-style:normal}.heroShade>div>p{color:#e3e8e4;max-width:460px;font-size:14px;line-height:1.6}.heroFacts{gap:15px;margin-top:27px;display:flex}.heroFacts>span{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--lime);background:#ffffff12;border:1px solid #ffffff35;border-radius:10px;grid-template-columns:auto auto;gap:0 6px;padding:10px 13px;font-size:11px;display:grid}.heroFacts b{color:#fff}.heroFacts small{color:#bdc8c1;grid-column:1/-1;margin-top:3px;font-size:8px}.menuArea{max-width:1160px;margin:auto;padding:38px 25px 75px}.searchBar{background:#fff;border:1px solid #e1e2dd;border-radius:13px;align-items:center;height:55px;padding:0 18px;display:flex;box-shadow:0 7px 25px #2037290b}.searchBar span{color:#59645e;font-size:25px}.searchBar input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0 12px;font-size:13px}.categoryNav{gap:8px;padding:20px 0;display:flex;overflow:auto}.categoryNav button{white-space:nowrap;color:#626d67;background:0 0;border:1px solid #dadcd6;border-radius:20px;padding:8px 14px;font-size:10px;font-weight:700}.categoryNav button.active{background:var(--green);border-color:var(--green);color:#fff}.menuTitle{justify-content:space-between;align-items:end;margin:17px 0 20px;display:flex}.menuTitle span{color:#809124}.menuTitle h2{margin:5px 0 0;font:900 28px Montserrat}.menuTitle p{color:#7e8882;font-size:10px}.productGrid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.productGrid article{cursor:pointer;background:#fff;border:1px solid #e4e5df;border-radius:15px;transition:all .2s;overflow:hidden}.productGrid article:hover{transform:translateY(-4px);box-shadow:0 16px 35px #18271d18}.productImage{background-position:50%;background-size:cover;height:190px;position:relative}.photo1{background-position:60% 55%}.photo2{background-position:30% 45%}.photo3{background-position:80% 60%}.productImage:after{content:"";background:linear-gradient(#0000 55%,#10191279);position:absolute;inset:0}.productImage>span{z-index:2;background:var(--lime);color:var(--ink);text-transform:uppercase;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:800;position:absolute;top:12px;left:12px}.productImage>button{z-index:3;width:37px;height:37px;color:var(--green);background:#fff;border:0;border-radius:50%;font-size:20px;font-weight:700;position:absolute;bottom:12px;right:12px}.productCopy{padding:17px}.productCopy>div{justify-content:space-between;gap:12px;display:flex}.productCopy h3{margin:0;font:800 15px Montserrat}.productCopy>div>b{color:var(--green);white-space:nowrap;font-size:13px}.productCopy p{color:#76817b;min-height:47px;font-size:10px;line-height:1.55}.productCopy small{color:#869a24;font-size:8px;font-weight:700}.emptyMenu{text-align:center;color:var(--muted);padding:60px}.demoFooter{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:35px max(7vw,25px);display:flex}.restaurantBrand.light{color:#fff}.restaurantBrand.light>span{background:var(--lime);color:var(--ink)}.demoFooter>p{color:#aab4ae;font-size:10px;line-height:1.7}.demoFooter>div:last-child{text-align:right;flex-direction:column;display:flex}.demoFooter>div:last-child b{font-size:10px}.demoFooter>div:last-child small{color:#88958e;margin-top:4px;font-size:8px}.floatingCart{display:none}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0d1712a8;justify-content:flex-end;display:flex;position:fixed;inset:0}.cartDrawer{background:#fff;flex-direction:column;width:min(440px,100%);height:100%;animation:.25s drawer;display:flex;overflow:auto}@keyframes drawer{0%{transform:translate(100%)}}.drawerHead{border-bottom:1px solid #e8ebe7;justify-content:space-between;padding:23px 24px;display:flex}.drawerHead span{letter-spacing:1.5px;color:#859623;font-size:8px;font-weight:800}.drawerHead h2{margin:5px 0 0;font:900 20px Montserrat}.drawerHead button,.closeModal{color:#59635e;background:#f1f3ef;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.fulfillment{background:#f7f8f5;grid-template-columns:repeat(3,1fr);gap:7px;padding:15px 20px;display:grid}.fulfillment button{text-align:left;background:#fff;border:1px solid #e0e4df;border-radius:10px;align-items:center;gap:7px;padding:10px 7px;display:flex}.fulfillment button.active{border:2px solid var(--green);background:#f4f8f4}.fulfillment span{flex-direction:column;display:flex}.fulfillment b{font-size:9px}.fulfillment small{color:#87918b;font-size:7px}.cartItems{flex:1;padding:7px 20px}.cartItem{border-bottom:1px solid #eceeea;grid-template-columns:64px 1fr auto;align-items:center;gap:11px;padding:14px 0;display:grid}.cartThumb{background-position:50%;background-size:cover;border-radius:9px;height:64px}.cartItem>div:nth-child(2){flex-direction:column;display:flex}.cartItem b{font-size:11px}.cartItem small{color:#7b8780;margin:4px 0;font-size:8px}.cartItem strong{color:var(--green);font-size:10px}.quantity{border:1px solid #dde1dc;border-radius:8px;align-items:center;height:32px;display:flex}.quantity button{width:29px;color:var(--green);background:0 0;border:0;font-weight:800}.quantity b{font-size:9px}.cartBottom{border-top:1px solid #e4e7e2;padding:16px 20px}.cartBottom>label{border:1px dashed #ccd1ca;border-radius:9px;align-items:center;height:42px;padding:0 10px;display:flex}.cartBottom label input{border:0;outline:0;flex:1;padding:0 8px;font-size:9px}.cartBottom label button{color:var(--green);background:0 0;border:0;font-size:8px;font-weight:800}.totals{padding:11px 0}.totals p{color:#6c7771;justify-content:space-between;font-size:9px;display:flex}.totals b{color:var(--ink)}.totals .grand{border-top:1px solid #eceeea;padding-top:12px;font-size:13px}.checkoutBtn{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:47px;padding:0 17px;font-size:11px;font-weight:800;display:flex}.emptyCart{text-align:center;padding:70px 20px}.emptyCart>span{font-size:40px}.emptyCart h3{font:800 16px Montserrat}.emptyCart p{color:#77827c;font-size:10px}.emptyCart button{background:var(--lime);border:0;border-radius:9px;padding:10px 17px;font-size:9px;font-weight:800}.productOverlay{justify-content:center;align-items:center;padding:20px}.productModal{background:#fff;border-radius:17px;width:min(660px,100%);max-height:92vh;position:relative;overflow:auto}.closeModal{z-index:5;background:#fff;position:absolute;top:15px;right:15px}.modalPhoto{background-position:50%;background-size:cover;height:240px}.modalContent{padding:22px 27px}.modalContent>span{color:#8a9b2b;letter-spacing:1.6px;font-size:8px;font-weight:800}.modalContent h2{margin:6px 0;font:900 24px Montserrat}.modalContent>p{color:#6f7b74;font-size:10px;line-height:1.5}.optionTitle{border-top:1px solid #e7eae5;justify-content:space-between;align-items:center;margin-top:12px;padding:16px 0 7px;display:flex}.optionTitle>div{flex-direction:column;display:flex}.optionTitle b{font-size:11px}.optionTitle small{color:#87928b;font-size:8px}.optionTitle em{color:#697717;background:#eef4c9;border-radius:5px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:800}.option{cursor:pointer;align-items:center;padding:10px 2px;display:flex}.option>span{flex-direction:column;flex:1;display:flex}.option b{font-size:10px}.option small{color:#88938c;margin-top:2px;font-size:8px}.option input{display:none}.option i{border:1px solid #cad0ca;border-radius:50%;width:17px;height:17px;position:relative}.option input:checked+i{border:5px solid var(--green)}.modalAdd{background:#fff;border-top:1px solid #e4e7e3;grid-template-columns:100px 1fr;gap:10px;padding:14px 26px;display:grid;position:sticky;bottom:0}.modalAdd>.quantity{justify-content:center;height:47px}.modalAdd>button{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;font-weight:700;display:flex}.checkoutForm{padding:18px 23px}.stepLabel{width:100%;color:var(--green);background:#f1f5ef;border-radius:8px;align-items:center;gap:9px;margin:5px 0 12px;padding:8px;font-size:9px;font-weight:900;display:flex}.stepLabel span{color:var(--ink)}.checkoutModes{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;display:grid}.checkoutModes button{background:#fff;border:1px solid #dfe3dd;border-radius:8px;height:39px;font-size:9px}.checkoutModes button.active{border:2px solid var(--green);background:#f4f8f4}.checkoutForm>label,.fieldRow label{flex-direction:column;gap:5px;margin-bottom:11px;font-size:8px;font-weight:800;display:flex}.checkoutForm label input:not([type=radio]),.fieldRow input{border:1px solid #dfe3dd;border-radius:8px;outline:0;height:40px;padding:0 10px;font-size:9px}.fieldRow{grid-template-columns:1fr 1.5fr;gap:8px;display:grid}.checkoutForm .payment{border:1px solid #dfe3dd;border-radius:9px;flex-direction:row;align-items:center;height:47px;padding:0 10px;display:flex}.payment span{grid-template-columns:auto 1fr;gap:0 8px;display:grid}.payment b{font-size:9px}.payment small{color:#89938d;grid-column:2;font-size:7px}.checkoutForm>.checkoutBtn{margin-top:17px}.safe{text-align:center;color:#89948d;margin:10px;font-size:7px;display:block}.success{text-align:center;padding:70px 30px}.success>span{background:var(--lime);width:67px;height:67px;color:var(--green);border-radius:50%;place-items:center;margin:auto;font-size:33px;display:grid}.success>small{color:#899b29;letter-spacing:1.7px;margin-top:20px;font-size:8px;font-weight:800;display:block}.success h2{font:900 22px Montserrat}.success p{color:#748078;font-size:11px}.tracking{grid-template-columns:28px 1fr 28px 1fr 28px;align-items:center;margin:35px 10px 50px;display:grid;position:relative}.tracking i{color:#7d8982;background:#e8ebe6;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;font-weight:800;display:grid}.tracking i.active{background:var(--green);color:#fff}.tracking>b{background:#e1e5df;height:2px}.tracking>div{justify-content:space-between;font-size:7px;display:flex;position:absolute;top:34px;left:-13px;right:-14px}.eta{background:#f4f7f1;border-radius:12px;flex-direction:column;margin-bottom:25px;padding:16px;display:flex}.eta small{color:#85922c;font-size:7px}.eta b{margin-top:5px;font:800 17px Montserrat}@media (max-width:800px){.restaurantHero{height:390px}.heroFacts{gap:7px}.productGrid{grid-template-columns:repeat(2,1fr)}.demoFooter{text-align:center;flex-direction:column;gap:22px}.demoFooter>div:last-child{text-align:center}}@media (max-width:560px){.announcement{font-size:9px}.announcement span{display:none}.demoHeader{height:67px;padding:0 16px}.headerInfo>div,.headerInfo button span{display:none}.restaurantHero{height:420px}.heroShade{background:linear-gradient(#0000,#15231ab5 45%,#101b16f4 100%);align-items:flex-end;padding:0 21px 35px}.heroShade h1{font-size:45px}.heroFacts{overflow:auto}.heroFacts>span{min-width:105px}.menuArea{padding:25px 14px 100px}.productGrid{grid-template-columns:1fr}.productImage{height:210px}.floatingCart{background:var(--green);color:#fff;z-index:50;border:0;border-radius:13px;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 9px 30px #12291db8}.floatingCart>span{text-align:left;flex-direction:column;display:flex}.floatingCart b{font-size:10px}.floatingCart small{color:#becbc3;margin-top:2px;font-size:8px}.floatingCart strong{font-size:12px}.modalPhoto{height:190px}.modalContent{padding:19px}.modalAdd{padding:12px 15px}.categoryNav{margin-right:-14px}.cartDrawer{width:100%}}.checkoutError{color:#b33c45;background:#fff0f0;border-radius:8px;padding:9px;font-size:9px}.checkoutBtn:disabled{opacity:.65;cursor:wait}