:root{--sand: #d9cdb9;--sand-2: #cfc1a9;--sand-3: #e6dccb;--green: #23423a;--green-2: #1b332c;--green-ink: #12241f;--cream: #f4eee3;--line: rgba(35, 66, 58, .18);--muted: rgba(35, 66, 58, .68);--off: #8f3b1f;--radius: 22px;--font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--sand);color:var(--green);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--green);outline-offset:3px}.app--order :focus-visible{outline-color:var(--cream)}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:0 18px 120px}.app--order{background:var(--green-2);color:var(--cream)}.logo{display:inline-flex;flex-direction:column;line-height:.82;font-weight:800;letter-spacing:-.045em;font-size:54px;font-stretch:92%}.logo__word{display:block}.logo__bar{display:block;height:.17em;margin-top:.14em;width:100%;background:linear-gradient(90deg,transparent 0 64%,currentColor 64%),repeating-linear-gradient(115deg,currentColor 0 .07em,transparent .07em .16em);background-size:100% 100%,64% 100%;background-repeat:no-repeat}.logo--small{font-size:22px}.stripes{--fill: 1;position:relative;display:block;height:12px;flex:1;border-radius:3px;background:repeating-linear-gradient(115deg,var(--line) 0 5px,transparent 5px 11px);overflow:hidden}.stripes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--fill) * 100%);transition:width .35s ease;background:repeating-linear-gradient(115deg,currentColor 0 5px,transparent 5px 11px)}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1080px;margin:0 auto;padding:12px 18px;background:var(--sand)}.app--order .top{background:var(--green-2)}.top__home{text-decoration:none}.top__back{font-weight:700;text-decoration:none;font-size:15px}.top__right{display:flex;gap:8px;align-items:center}.top__link,.top__bag{text-decoration:none;font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px;border:2px solid currentColor}.top__bag{background:var(--green);color:var(--cream);border-color:var(--green)}.top__bag b{margin-left:4px}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow--light{color:var(--cream);opacity:.8}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 0 26px;border-bottom:2px solid var(--green)}.hero__title{margin:0;font-size:clamp(84px,22vw,190px);line-height:.8;font-weight:800;letter-spacing:-.06em;font-stretch:88%}.hero .logo{display:none}@media (min-width: 760px){.hero .logo{display:inline-flex;font-size:76px}}.status{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;font-weight:600}.status--off{color:var(--off)}.dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #23423a26}.status--on .dot{background:#2f7a4d;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #2f7a4d14}}.best{margin:26px -18px 0;padding:22px 18px 24px;background:var(--green);color:var(--cream);border-radius:0}@media (min-width: 760px){.best{margin:26px 0 0;border-radius:var(--radius)}}.best__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,46%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.best__row::-webkit-scrollbar{display:none}@media (min-width: 760px){.best__row{grid-auto-columns:minmax(200px,23%)}}.bestcard{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;min-height:176px;padding:16px;border-radius:18px;background:var(--green-2);border:2px solid rgba(244,238,227,.14);text-decoration:none;transition:transform .12s ease}.bestcard:hover{transform:translateY(-2px)}.bestcard__top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.bestcard__n{font-variant-numeric:tabular-nums}.bestcard__name{flex:1;font-size:25px;font-weight:800;line-height:1;letter-spacing:-.03em;font-stretch:92%}.bestcard__foot{display:flex;align-items:center;justify-content:space-between}.bestcard__price{font-weight:700;font-size:15px}.bestcard__go{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--green);font-weight:800;font-size:22px}.h1{margin:10px 0 18px;font-size:clamp(38px,9vw,62px);line-height:.95;font-weight:800;letter-spacing:-.045em;font-stretch:90%}.h2{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.h2--light{color:var(--cream)}.cats{position:sticky;top:62px;z-index:15;display:flex;gap:8px;overflow-x:auto;margin:0 -18px;padding:14px 18px;background:var(--sand);scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:none;padding:10px 16px;border-radius:999px;border:2px solid var(--green);background:transparent;font-weight:700;font-size:13.5px;white-space:nowrap;color:var(--green)}.cat--on{background:var(--green);color:var(--cream)}.sec{padding-top:26px;scroll-margin-top:130px}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (min-width: 1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{position:relative;min-height:124px;border-radius:18px;background:var(--sand-3);border:2px solid transparent;transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);border-color:var(--green)}.card--out{opacity:.5}.card--out:hover{transform:none;border-color:transparent}.card__link{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px 14px 58px;text-decoration:none}.card__name{font-size:19px;font-weight:800;line-height:1.02;letter-spacing:-.025em;font-stretch:94%}.card__desc{font-size:13px;color:var(--muted);line-height:1.35}.card__price{position:absolute;left:14px;bottom:16px;font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums}.card__add{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:0;background:var(--green);color:var(--cream);font-size:22px;font-weight:800;display:grid;place-items:center}.card__add--in{font-size:16px;background:var(--green-ink)}.tag{align-self:flex-start;padding:4px 9px;border-radius:999px;background:var(--green);color:var(--cream);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bagbar{position:fixed;z-index:30;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(680px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:14px 18px;border:0;border-radius:999px;background:var(--green);color:var(--cream);font-weight:700;font-size:16px;box-shadow:0 18px 40px #12241f59;animation:rise .25s cubic-bezier(.2,.8,.2,1)}.bagbar__count{min-width:30px;height:30px;border-radius:999px;background:var(--cream);color:var(--green);display:grid;place-items:center;font-size:14px}.bagbar__total{margin-left:auto;font-variant-numeric:tabular-nums}@keyframes rise{0%{transform:translate(-50%,20px);opacity:0}}.toast{position:fixed;z-index:40;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%);padding:11px 18px;border-radius:999px;background:var(--green-ink);color:var(--cream);font-weight:700;font-size:14px;box-shadow:0 10px 24px #0003;animation:drop .2s ease-out}@keyframes drop{0%{transform:translate(-50%,8px);opacity:0}}.item{max-width:720px;margin:0 auto}.item__head{margin:6px -18px 0;padding:28px 22px 24px;background:var(--green);color:var(--cream)}@media (min-width: 760px){.item__head{margin:10px 0 0;border-radius:var(--radius)}}.item__name{margin:0 0 12px;font-size:clamp(44px,12vw,84px);line-height:.88;font-weight:800;letter-spacing:-.05em;font-stretch:88%}.item__desc{margin:0 0 8px;font-size:16px;opacity:.85}.item__price{margin:0 0 18px;font-size:22px;font-weight:700}.item__head .stripes{background:repeating-linear-gradient(115deg,rgba(244,238,227,.18) 0 5px,transparent 5px 11px)}.item__body{padding:8px 0 120px}.opt{border:0;padding:0;margin:26px 0 0}.opt__head{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-bottom:12px}.opt__name{font-size:22px;font-weight:800;letter-spacing:-.02em}.opt__rule{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.opt--bad .opt__rule,.opt__err{color:var(--off)}.opt__err{margin:8px 0 0;font-weight:700;font-size:14px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;border:2px solid var(--green);background:transparent;font-weight:700;font-size:15px;color:var(--green)}.pill--on{background:var(--green);color:var(--cream)}.pill__price{font-size:12.5px;opacity:.75;font-variant-numeric:tabular-nums}.field{display:grid;gap:8px;margin-top:22px}.field__label{font-weight:800;font-size:15px}.field input,.field textarea{width:100%;padding:15px 16px;border-radius:16px;border:2px solid var(--line);background:var(--sand-3);font-size:16px;font-weight:500;outline:none;color:var(--green)}.field input:focus,.field textarea:focus{border-color:var(--green)}.field input::placeholder,.field textarea::placeholder{color:#23423a73}.actionbar{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:center;padding:14px max(18px,calc((100% - 720px)/2)) calc(14px + env(safe-area-inset-bottom));background:var(--sand);border-top:2px solid var(--green)}.stepper{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:2px solid var(--green)}.stepper button{width:38px;height:38px;border-radius:50%;border:0;background:transparent;font-size:20px;font-weight:800;color:var(--green)}.stepper button:hover{background:var(--sand-2)}.stepper span{min-width:22px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.stepper--small button{width:30px;height:30px;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:17px 24px;border:0;border-radius:999px;background:var(--green);color:var(--cream);font-weight:800;font-size:16px;text-decoration:none;letter-spacing:-.01em;transition:transform .08s ease,background .12s ease}.btn:hover{background:var(--green-ink)}.btn:active{transform:scale(.98)}.btn:disabled{background:#23423a59;cursor:not-allowed}.btn--grow{flex:1}.btn--wide{width:100%;margin-top:22px}.btn--ghost{margin-top:14px;background:transparent;color:var(--green);border:2px solid var(--green);padding:13px 18px;font-size:15px}.btn--ghost:hover{background:var(--sand-2)}.btn--cream{background:var(--cream);color:var(--green)}.btn--cream:hover{background:#fff}.link{display:block;margin-top:16px;text-align:center;font-weight:700;color:var(--green);background:none;border:0;text-decoration:underline;text-underline-offset:4px}.link--back{margin:0;text-align:left;text-decoration:none}.link--light{color:var(--cream)}.page{max-width:640px;margin:0 auto;padding-top:6px}.lines{list-style:none;margin:0;padding:0;border-top:2px solid var(--green)}.line{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.line--gone{opacity:.55}.line__text{flex:1;min-width:0}.line__name{display:block;font-weight:800;font-size:17px;letter-spacing:-.015em}.line__opts{display:block;margin-top:3px;font-size:13.5px;color:var(--muted)}.line__warn{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--off)}.line__price{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.total{display:flex;justify-content:space-between;margin-top:18px;font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.upsell{margin-top:24px}.upsell__title{margin:0 0 10px;font-weight:800;font-size:17px}.upsell__row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.mini{flex:none;display:grid;gap:4px;text-align:left;padding:14px 16px;border-radius:16px;border:2px solid var(--line);background:var(--sand-3);min-width:150px}.mini:hover{border-color:var(--green)}.mini__name{font-weight:800;font-size:15px}.mini__price{font-size:13px;font-weight:700;color:var(--muted)}.note{margin:12px 0 0;font-size:14px;color:var(--muted)}.note--off{color:var(--off);font-weight:700}.page--steps{padding-top:0}.progress{display:flex;align-items:center;gap:14px;padding:6px 0 4px}.progress__n{font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.choices{display:grid;gap:12px}.choices--tight{gap:10px}.choice{display:grid;gap:6px;text-align:left;padding:20px;border-radius:20px;border:2px solid var(--green);background:transparent;color:var(--green);transition:background .12s ease}.choice:hover{background:var(--sand-3)}.choice--on{background:var(--green);color:var(--cream)}.choice--on:hover{background:var(--green)}.choice__title{font-size:24px;font-weight:800;letter-spacing:-.03em}.choice__sub{font-size:14px;font-weight:600;opacity:.8}.facts{margin:18px 0 0;display:grid;gap:10px}.facts div{display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:15px}.facts dt{font-weight:800}.facts dd{margin:0}.sum{margin-top:20px;padding:16px 18px;border-radius:18px;background:var(--sand-3)}.sum div{display:flex;justify-content:space-between;padding:4px 0;font-variant-numeric:tabular-nums}.sum__total{margin-top:6px;padding-top:10px!important;border-top:2px solid var(--green);font-size:22px;font-weight:800}.live{max-width:640px;margin:0 auto;padding:16px 0 40px;color:var(--cream)}.live__title{margin:0;font-size:clamp(64px,18vw,128px);line-height:.85;font-weight:800;letter-spacing:-.06em;font-stretch:86%;text-shadow:4px 4px 0 var(--green)}.live__sub{margin:16px 0 0;font-size:18px;font-weight:600;opacity:.9}.live__eta{margin:10px 0 0;font-size:16px}.track{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 8px;padding:0}.track li{display:grid;gap:8px;font-size:13px;font-weight:700;opacity:.5}.track li span{display:block;height:10px;border-radius:3px;background:repeating-linear-gradient(115deg,rgba(244,238,227,.35) 0 5px,transparent 5px 11px)}.track li.on{opacity:1}.track li.on span{background:var(--cream)}.paybox{margin-top:20px;padding:16px 18px;border-radius:18px;background:var(--green)}.paybox p{margin:0}.paybox__title{font-weight:800;margin-bottom:6px!important}.paybox__note{margin-top:8px!important;opacity:.8;font-size:14px}.receipt{margin-top:26px;padding:18px;border-radius:20px;background:var(--green)}.lines--light{border-top:0}.lines--light .line{border-bottom-color:#f4eee326}.lines--light .line__opts{color:#f4eee3b3}.total--light{color:var(--cream);margin-top:12px}.loading{display:grid;gap:14px;padding:60px 0;max-width:240px;margin:0 auto;text-align:center;font-weight:700}.foot{padding:34px 18px 110px;text-align:center;display:grid;justify-items:center;gap:6px;border-top:2px solid var(--green);max-width:1080px;width:calc(100% - 36px);margin:0 auto}.foot p{margin:0;font-size:14px;font-weight:600}.foot__small{font-size:12px!important;color:var(--muted)}.app--item .foot,.app--checkout .foot{display:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.start{max-width:760px;margin:0 auto;padding:18px 0 40px}.start__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.start__top .logo{display:none}@media (min-width: 760px){.start__top .logo{display:inline-flex;font-size:64px}}.start__title{margin:6px 0 0;font-size:clamp(46px,12.5vw,96px);line-height:.88;font-weight:800;letter-spacing:-.055em;font-stretch:86%}.counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}@media (min-width: 640px){.counts{grid-template-columns:repeat(5,minmax(0,1fr))}}.count{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:132px;padding:16px;text-align:left;border-radius:20px;border:2px solid var(--green);background:transparent;color:var(--green);transition:background .12s ease,color .12s ease,transform .08s ease}.count:hover{background:var(--green);color:var(--cream)}.count:active{transform:scale(.98)}.count__n{font-size:64px;line-height:.8;font-weight:800;letter-spacing:-.06em;font-stretch:86%;font-variant-numeric:tabular-nums}.count__word{font-size:13.5px;font-weight:700}.count--more{border-style:dashed}.start__hint{margin:22px 0 0;font-size:15px;font-weight:600;color:var(--muted);max-width:46ch}.start__links{display:grid;justify-items:start;gap:4px;margin-top:8px}.start__links .link{text-align:left}.guide__who{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.guide__who a{letter-spacing:0;text-transform:none;font-size:14px}.field--who{margin-top:14px}.field__opt{font-weight:600;color:var(--muted);font-size:13px}.lede{margin:-6px 0 18px;font-size:15.5px;font-weight:600;color:var(--muted)}.choices--two{grid-template-columns:1fr 1fr}.choice--big{min-height:168px;align-content:end}.choice--big .choice__title{font-size:clamp(36px,10vw,56px);line-height:.9;letter-spacing:-.05em;font-stretch:88%}.choice--hot:not(.choice--on){background:repeating-linear-gradient(115deg,rgba(35,66,58,.07) 0 5px,transparent 5px 11px)}.same{display:grid;gap:4px;width:100%;margin-top:12px;padding:16px 20px;text-align:left;border-radius:20px;border:2px dashed var(--green);background:var(--sand-3);color:var(--green)}.same:hover{border-style:solid}.same__title{font-weight:800;font-size:18px}.same__sub{font-size:14px;font-weight:600;color:var(--muted)}.drinks{display:grid;gap:12px}@media (min-width: 760px){.drinks{grid-template-columns:repeat(2,minmax(0,1fr))}.drink--first{grid-column:1 / -1}}.drink{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--radius);background:var(--green);color:var(--cream);animation:drop .25s ease-out both}.drink--first{padding:22px 20px 20px;background:var(--green-2)}.drink__top{display:flex;gap:6px;min-height:4px}.tag--light{background:var(--cream);color:var(--green)}.drink__name{margin:4px 0 0;font-size:clamp(30px,8vw,44px);line-height:.92;font-weight:800;letter-spacing:-.045em;font-stretch:88%}.drink--first .drink__name{font-size:clamp(40px,11vw,64px)}.drink__desc{margin:0;font-size:14.5px;opacity:.8}.drink__opt{margin-top:10px}.drink__optname{margin:0 0 8px;font-weight:800;font-size:14px}.drink__optname span{font-weight:600;opacity:.7}.pills--light .pill{border-color:#f4eee399;color:var(--cream);padding:10px 14px;font-size:14px}.pills--light .pill--on{background:var(--cream);color:var(--green);border-color:var(--cream)}.drink__foot{display:flex;align-items:center;gap:10px;margin-top:10px}.drink__price{font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;margin-right:auto}.drink__edit{padding:0;border:0;background:none;color:var(--cream);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px}.drink .btn{padding:13px 20px;font-size:15px}.drink .btn:disabled{background:#f4eee359;color:var(--green)}.btn--block{width:100%}.extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 760px){.extras{grid-template-columns:repeat(3,minmax(0,1fr))}}.extra{display:flex;flex-direction:column;gap:6px;min-height:120px;padding:14px;text-align:left;border-radius:18px;border:2px solid transparent;background:var(--sand-3);color:var(--green);transition:border-color .12s ease,transform .08s ease}.extra:hover{border-color:var(--green)}.extra:active{transform:scale(.98)}.extra--in{border-color:var(--green)}.extra__name{flex:1;font-size:18px;font-weight:800;line-height:1.02;letter-spacing:-.025em}.extra__desc{font-size:12.5px;color:var(--muted)}.extra__foot{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.extra__go{min-width:34px;height:34px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:var(--green);color:var(--cream);font-weight:800;font-size:18px}.extra--in .extra__go{font-size:14px}.x{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:transparent;color:var(--green);font-size:18px;font-weight:800;line-height:1}.x:hover{border-color:var(--green)}.app--guide .foot{display:none}.btn--plain{background:transparent;color:var(--green);border:2px solid var(--green)}.btn--plain:hover{background:var(--sand-2)}.extras{margin-bottom:96px}
