.menu{padding-top:64px}.menu .titleRow{margin-bottom:22px}.menu .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 12px}.menu .grid article{flex-direction:column;min-width:0;display:flex}.menu .photo{aspect-ratio:4/3;border-radius:8px}.menu .photo span{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 14px);padding:5px 7px;font-size:.5rem;top:7px;left:7px;overflow:hidden}.menu .info{flex-direction:column;min-height:132px;padding:11px 2px 9px;display:flex}.menu .info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:.92rem;line-height:1.15;display:-webkit-box;overflow:hidden}.menu .info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin-bottom:8px;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.menu .info strong{margin-top:auto;font-size:.82rem}.menu .quickAdd,.menu .bulkStepper{height:40px}.menu .quickAdd button,.menu .bulkStepper button{font-size:.58rem}.menu .bulkStepper{grid-template-columns:38px 30px 1fr 30px 38px}@media (width<=1280px){.menu .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.menu .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.menu{padding-left:10px;padding-right:10px}.menu .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}.menu .photo{aspect-ratio:1}.menu .info{min-height:126px}.menu .info h3{font-size:.82rem}.menu .info p{font-size:.64rem}.menu .bulkStepper{grid-template-columns:33px 27px 1fr 27px 33px}}.orderMode{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;display:grid}.orderMode button{border:1px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:10px;padding:15px}.orderMode button.active{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--yellow)}.orderMode b,.orderMode span{display:block}.orderMode b{text-transform:uppercase;font-size:.76rem}.orderMode span{opacity:.8;margin-top:5px;font-size:.68rem;line-height:1.35}.modeNotice{border:1px solid var(--ink);background:var(--yellow);border-radius:8px;margin:0 0 20px;padding:12px 14px;font-size:.75rem;line-height:1.45}.minimumProgress{gap:7px;margin:16px 0;display:grid}.minimumProgress div{border:1px solid var(--ink);background:#fff;border-radius:99px;height:8px;overflow:hidden}.minimumProgress i{background:var(--red);height:100%;transition:width .25s;display:block}.minimumProgress small{font-weight:800}.drawerFoot>button:disabled{cursor:not-allowed;color:#756b64;background:#d6caba}.todayBadge{color:#166534!important;background:#dcfce7!important}@media (width<=600px){.orderMode{grid-template-columns:1fr}.orderMode button{padding:12px}}.orderMode{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:16px;margin:42px 0 18px;padding:13px;position:relative}.orderMode:before{content:"1. PILIH CARA PESAN";letter-spacing:.12em;font-size:.72rem;font-weight:950;position:absolute;top:-31px;left:18px}.orderMode button{opacity:.64;border:2px solid #0000;border-radius:11px;min-height:112px;padding:20px 52px 18px 20px;transition:transform .2s,opacity .2s,background .2s;position:relative}.orderMode button:hover{opacity:.9}.orderMode button b{letter-spacing:.04em;font-size:1rem}.orderMode button span{max-width:330px;font-size:.78rem}.orderMode button:after{content:"PILIH";letter-spacing:.08em;border:1px solid;border-radius:99px;padding:5px 8px;font-size:.52rem;font-weight:950;position:absolute;top:15px;right:15px}.orderMode button:first-child{color:#154e2c;background:#e8f8ec}.orderMode button:last-child{color:#5c3800;background:#fff0c2}.orderMode button.active{z-index:1;opacity:1;border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}.orderMode button:first-child.active{color:#092e17;background:#35c46a}.orderMode button:last-child.active{background:var(--yellow);color:var(--ink)}.orderMode button.active:after{content:"DIPILIH  ✓";background:var(--ink);color:#fff;border-color:var(--ink)}.modeNotice{border-width:2px;padding:15px 17px;font-size:.82rem}@media (width<=600px){.orderMode{box-shadow:5px 5px 0 var(--ink);gap:8px;margin-top:40px;padding:9px}.orderMode button{min-height:91px;padding:15px 48px 14px 14px}.orderMode button b{font-size:.86rem}.orderMode button span{font-size:.68rem}.orderMode button:after{top:10px;right:10px}}.photo.placeholder:after{content:"FOTO SEGERA HADIR";z-index:2;border:1px solid var(--ink);color:var(--ink);letter-spacing:.06em;box-shadow:2px 2px 0 var(--ink);background:#fff5dff0;border-radius:99px;padding:6px 8px;font-size:.52rem;font-weight:950;position:absolute;bottom:7px;right:7px}.photo.placeholder img{filter:saturate(.55)brightness(.9)}@media (width<=600px){.photo.placeholder:after{padding:5px 6px;font-size:.44rem;bottom:5px;right:5px}}.logo.brand{width:auto;max-width:245px}.logo.brand img{object-fit:contain;width:auto;max-width:245px;height:52px}.heroPhoto{isolation:isolate}.heroPhoto .heroSlide{object-fit:cover;width:100%;height:100%;animation:.65s both heroReveal;position:absolute;inset:0}.heroPhoto:after{content:"";z-index:1;background:linear-gradient(#0000 55%,#140a0552);position:absolute;inset:0}.heroPhoto .sun{z-index:3}.slideControls{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.slideControls button{border:1px solid var(--ink);width:43px;height:43px;color:var(--ink);cursor:pointer;background:#fff5dfed;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:900;display:grid}.slideCount{border:1px solid var(--ink);letter-spacing:.1em;background:#fff5dfed;border-radius:99px;padding:8px 12px;font-size:.62rem;font-weight:950}.slideDots{z-index:5;gap:5px;max-width:45%;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.slideDots button{cursor:pointer;background:#fff9;border:0;border-radius:99px;width:6px;height:6px;padding:0}.slideDots button.active{background:var(--yellow);width:22px}@keyframes heroReveal{0%{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (width<=800px){.logo.brand{max-width:185px}.logo.brand img{max-width:185px;height:45px}.slideControls{bottom:14px;left:14px;right:14px}.slideDots{max-width:50%;bottom:22px}.slideDots button:nth-child(n+13){display:none}}@media (prefers-reduced-motion:reduce){.heroPhoto .heroSlide{animation:none}}.poFirstAdd{grid-template-columns:1fr}.poFirstAdd button{background:var(--yellow)}.hubChoices{gap:10px;width:100%;margin:0 0 24px;display:grid}.hubChoices button{border:1px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:5px;width:100%;padding:14px 15px;display:grid}.hubChoices button.active{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--yellow)}.hubChoices b{text-transform:uppercase;font-size:.75rem}.hubChoices span{opacity:.78;font-size:.68rem;line-height:1.4}.hubChoices em{text-transform:uppercase;letter-spacing:.06em;color:var(--red);font-size:.58rem;font-style:normal;font-weight:900}.hubChoices button.active em{color:var(--yellow)}.hubChoices button.walkIn{background:#f5ecda;border-style:dashed}.hubChoices button.walkIn:after{content:"Buka peta";text-transform:uppercase;text-underline-offset:3px;font-size:.58rem;font-weight:900;text-decoration:underline}.locationCopy>a{margin-top:0}.minimumProgress{border:1px solid var(--ink);background:#fff;border-radius:7px;padding:11px 12px}@media (width<=800px){.hubChoices button{padding:12px}.locationCopy{min-height:560px}}