.hal-menu{--tinggi-kepala:136px}.kepala-menu{z-index:10;background:var(--krem);background:color-mix(in srgb, var(--krem) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #2b26241f;position:sticky;top:0}.kepala-menu__atas{align-items:center;gap:14px;padding-block-start:10px;padding-block-end:6px;display:flex}.kepala-menu__logo img{width:auto;height:56px}.kepala-menu__judul{letter-spacing:.18em;font-size:1.35rem}.chip-bar__isi{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding-block-start:8px;padding-block-end:12px;display:flex;overflow-x:auto}.chip-bar__isi::-webkit-scrollbar{display:none}.chip{scroll-snap-align:center;border:1.5px solid var(--tinta);letter-spacing:.12em;text-transform:uppercase;min-height:40px;transition:background var(--durasi), color var(--durasi);border-radius:999px;flex:none;align-items:center;padding:8px 14px;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.chip[aria-current=true]{background:var(--tinta);color:var(--krem)}.daftar-menu{padding-bottom:48px}.kategori{scroll-margin-top:calc(var(--tinggi-kepala) + 8px);padding-top:36px}.kategori__kepala{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.kategori__judul{letter-spacing:.06em;font-size:max(2rem,min(9vw,3.4rem))}.kategori__banner{background:var(--krem-muda);width:88px;height:104px;box-shadow:var(--bayangan);flex:none;margin:0}.kategori__banner img{object-fit:cover;width:100%;height:100%}.daftar{margin:0;padding:0;list-style:none}.item{min-height:56px;transition:transform var(--durasi) var(--kurva);border-bottom:1px dashed #2b262447;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:flex}.item:hover{transform:translate(4px)}.item__foto{background:var(--krem-muda);flex:none;width:56px;height:56px}.item__foto img{object-fit:contain;width:100%;height:100%}.item__teks{flex-direction:column;flex:1;min-width:0;display:flex}.item__nama{letter-spacing:.12em;overflow-wrap:anywhere;font-weight:700}.item__sub{letter-spacing:.1em;color:var(--tinta-lembut);font-size:.9rem;font-style:italic;font-weight:400}.item__suhu{flex:none;gap:2px;display:inline-flex}.ikon{width:18px;height:18px}.item__harga{letter-spacing:.08em;white-space:nowrap;flex:none;font-weight:700}@media (max-width:359px){.item__nama{letter-spacing:.05em}.item{gap:8px}}@media (min-width:900px){.hal-menu{--tinggi-kepala:128px}.kategori{grid-template-columns:300px 1fr;align-items:start;gap:48px;display:grid}.kategori__kepala{top:calc(var(--tinggi-kepala) + 24px);flex-direction:column;align-items:flex-start;position:sticky}.kategori__banner{width:260px;height:320px}}.detail{z-index:50;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.detail[hidden],.detail [hidden]{display:none}html.detail-terbuka{overflow:hidden}.detail__latar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;background:#2b262473;position:absolute;top:0;bottom:0;left:0;right:0}.detail__kartu{max-height:100vh;overscroll-behavior:contain;background:var(--krem);max-height:100dvh;animation:naik var(--durasi) var(--kurva);border-radius:28px 28px 0 0;grid-template-rows:minmax(300px,46vh) auto;margin-top:auto;display:grid;position:relative;overflow-y:auto}@supports (height:1dvh){.detail__kartu{grid-template-rows:minmax(300px,46dvh) auto}}@keyframes naik{0%{opacity:0;transform:translateY(40px)}}.detail__tutup{z-index:2;background:var(--krem-muda);width:48px;height:48px;box-shadow:var(--bayangan);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.detail__tutup .ikon,.detail__navigasi .ikon{width:22px;height:22px}.detail__panggung{background:radial-gradient(120% 90% at 50% 20%, var(--krem-muda), var(--krem-tua));touch-action:none;border-radius:28px 28px 0 0;place-items:center;display:grid;position:relative;overflow:hidden}.detail__panggung canvas{width:100%;height:100%}.detail__panggung .ilustrasi{width:min(70%,260px)}.detail__memuat{letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-lembut);font-size:.8rem}.detail__foto{aspect-ratio:1;width:min(78%,360px);transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:drop-shadow(0 24px 24px #2b26244d);transition:transform .18s ease-out}.detail__foto img{object-fit:contain;width:100%;height:100%}.label-lengkung{pointer-events:none;width:min(80%,340px);position:absolute;bottom:6px}.label-lengkung text{font:500 13px var(--font-teks);letter-spacing:.3em;fill:var(--tinta)}.detail__info{padding:16px var(--gutter) calc(28px + env(safe-area-inset-bottom));touch-action:pan-y;width:100%;max-width:640px;margin-inline-start:auto;margin-inline-end:auto}.detail__navigasi{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail__navigasi button{border:1.5px solid var(--tinta);background:0 0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.detail__kategori{text-align:center;margin:0;font-size:.72rem}.detail__nama{overflow-wrap:anywhere;margin-top:12px;font-size:max(2rem,min(9vw,3rem))}.detail__sub{letter-spacing:.12em;margin:4px 0 0;font-style:italic;font-weight:400}.detail__harga{letter-spacing:.1em;margin:8px 0 12px;font-size:1.4rem;font-weight:700}.detail__suhu{gap:8px;margin-bottom:12px;display:flex}.detail__suhu button{border:1.5px solid var(--tinta);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:.8rem;font-weight:700;display:inline-flex}.detail__suhu button[aria-pressed=true]{background:var(--tinta);color:var(--krem)}.detail__deskripsi{color:var(--tinta-lembut);max-width:52ch}.detail__bahan{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.detail__bahan li{background:var(--krem-tua);border-radius:999px;padding:6px 12px;font-size:.8rem}.detail__kemasan{background:#e9e6e1;width:120px;margin:16px 0 0}.detail__kemasan figcaption{text-align:center;padding:4px;font-size:.7rem}@media (min-width:900px){.detail__kartu{border-radius:28px;grid-template-rows:none;grid-template-columns:1.1fr 1fr;width:min(1040px,92vw);max-height:88vh;margin:auto}.detail__panggung{border-radius:28px 0 0 28px;min-height:560px}.detail__info{padding-top:64px}}