h2{font-size:clamp(2.1rem,4.4vw,3.5rem)}h3{font-size:1.5rem;font-weight:700;line-height:1.1}.menu a:hover,.menu a[aria-current="page"]{background-size:100% 2px}.wa-kepala svg,.wa-apung svg,.bar-beli .wa-ikon svg,.tombol svg{width:20px;height:20px;flex:none}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 26px;border-radius:999px;font-weight:800;font-size:1.02rem;text-decoration:none;border:2px solid var(--hitam);cursor:pointer;font-family:var(--f-teks);transition:transform .2s ease,background-color .2s ease}.tombol-hitam:hover{background:#262626}.tombol-wa:hover{background:#3BE07E;border-color:#3BE07E}.remah{padding-block:22px 0;font-size:.95rem;color:var(--abu)}.remah ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px}.remah li+li::before{content:"/";margin-right:10px;color:#9A9A9A}.remah a{text-decoration:none;border-bottom:1px solid var(--garis)}.remah [aria-current]{color:var(--hitam);font-weight:700}.beli{padding-block:26px 88px}.beli .wadah{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:start}.galeri{position:sticky;top:120px}.foto-utama{position:relative;border:2px solid var(--hitam);border-radius:32px;overflow:hidden;background:var(--putih);aspect-ratio:1/1}.foto-utama img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.foto-utama img.masuk{animation:sendok .9s cubic-bezier(.7,0,.2,1) both}@keyframes sendok{from{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}.cap-rasa{position:absolute;z-index:3;left:18px;bottom:18px;background:var(--hitam);color:var(--putih);font-weight:800;font-size:.95rem;padding:8px 16px;border-radius:999px}.cap-rasa[hidden]{display:none}.jempol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;padding:0;list-style:none}.jempol button{display:block;width:100%;padding:0;border:2px solid var(--garis);border-radius:18px;overflow:hidden;background:var(--putih);cursor:pointer;aspect-ratio:1/1;transition:border-color .2s ease}.jempol button:hover{border-color:var(--abu)}.jempol button[aria-pressed="true"]{border-color:var(--hitam)}.jempol img{width:100%;height:100%;object-fit:cover}.label-deret{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.label{font-size:.82rem;font-weight:800;padding:5px 13px;border-radius:999px;border:2px solid var(--hitam);background:var(--putih)}.label.utama{background:var(--hitam);color:var(--putih)}.label.es{background:var(--es)}.info h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:.15em}.info .lead{font-size:1.15rem;color:var(--abu);margin-bottom:22px}.harga-besar{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-bottom:18px;border-bottom:2px solid var(--hitam);margin-bottom:24px}.harga-besar b{font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-weight:800;font-size:clamp(2.4rem,4vw,3.1rem);line-height:1}.harga-besar span{font-weight:700}.harga-besar small{flex-basis:100%;font-size:1rem;color:var(--abu)}fieldset{border:0;margin:0 0 26px;padding:0;min-width:0}legend{font-weight:800;font-size:1.02rem;margin-bottom:12px;padding:0}legend span{font-weight:600;color:var(--abu)}.versi{display:grid;gap:12px}.versi label{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;border:2px solid var(--garis);border-radius:22px;padding:16px 18px;cursor:pointer;background:var(--putih);transition:border-color .2s ease,background-color .2s ease}.versi label:hover{border-color:var(--abu)}.versi input,.chip input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.versi .bulat{grid-row:1 / span 2;width:24px;height:24px;border-radius:50%;border:2px solid var(--hitam);background:var(--putih)}.versi .nama{font-weight:800;font-size:1.08rem;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.versi .nama em{font-style:normal;font-size:.75rem;font-weight:800;background:var(--mangga);border:2px solid var(--hitam);border-radius:999px;padding:2px 10px}.versi .ket{grid-column:2;color:var(--abu);font-size:.98rem;line-height:1.4}.versi .rp{grid-row:1 / span 2;grid-column:3;font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-weight:800;font-size:1.35rem;white-space:nowrap}.versi input:checked+.bulat{background:var(--hitam);border-color:var(--hitam);outline:4px solid var(--putih);outline-offset:-7px}.versi label:has(input:checked){border-color:var(--hitam);background:var(--es)}.versi label:has(input:focus-visible){outline:3px solid var(--wa);outline-offset:3px}.rasa-pilih[hidden]{display:none}.rasa-pilih .chip{display:flex;flex-wrap:wrap;gap:8px}.chip label{position:relative;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--garis);border-radius:999px;padding:7px 14px 7px 9px;font-weight:700;font-size:.95rem;cursor:pointer;background:var(--putih);transition:border-color .2s ease,background-color .2s ease}.chip label:hover{border-color:var(--abu)}.chip i{width:18px;height:18px;border-radius:50%;background:var(--c);border:2px solid var(--hitam);flex:none}.chip label:has(input:checked){border-color:var(--hitam);background:var(--hitam);color:var(--putih)}.chip label:has(input:checked) i{border-color:var(--putih)}.chip label:has(input:focus-visible){outline:3px solid var(--wa);outline-offset:3px}.tingkat{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--hitam);border-radius:22px;overflow:hidden;margin:0 0 10px}.tingkat div{padding:14px 14px 16px;border-left:2px solid var(--hitam);background:var(--putih);transition:background-color .25s ease}.tingkat div:first-child{border-left:0}.tingkat .jml{display:block;font-size:.88rem;font-weight:700;color:var(--abu)}.tingkat b{display:block;font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-size:1.4rem;line-height:1.15;white-space:nowrap}.tingkat .hemat{display:block;font-size:.85rem;font-weight:700;color:var(--stroberi-kuat);min-height:1.3em}.tingkat div.aktif{background:var(--pistachio)}.tingkat div.aktif .jml{color:var(--hitam)}.dorong{font-size:.98rem;font-weight:700;margin:0 0 24px;min-height:1.6em}.jumlah-baris{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:16px}.jumlah{display:inline-flex;align-items:center;border:2px solid var(--hitam);border-radius:999px;overflow:hidden;height:56px}.jumlah button{width:54px;height:100%;border:0;background:var(--putih);font:800 1.5rem var(--f-teks);cursor:pointer}.jumlah button:hover{background:var(--es)}.jumlah input{width:76px;height:100%;border:0;border-inline:2px solid var(--hitam);text-align:center;font:800 1.15rem var(--f-teks);-moz-appearance:textfield;appearance:textfield;background:var(--putih);color:var(--hitam)}.jumlah input::-webkit-outer-spin-button,.jumlah input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.total{line-height:1.25}.total span{display:block;font-size:.9rem;color:var(--abu);font-weight:700}.total b{font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-size:1.7rem}.total small{display:block;font-weight:700;color:var(--stroberi-kuat);font-size:.92rem;min-height:1.3em}.aksi{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.aksi .tombol{width:100%}.pesan-maket{background:#FFF1A8;border:2px solid var(--hitam);border-radius:16px;padding:10px 14px;font-size:.92rem;font-weight:600;margin:0 0 14px}.pesan-maket[hidden]{display:none}.catat{font-size:.95rem;color:var(--abu);margin:0}.catat a{color:var(--hitam);font-weight:700}.jaminan{list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:2px solid var(--garis);display:grid;gap:14px}.jaminan li{display:flex;gap:14px;align-items:center;font-weight:600;line-height:1.35}.jaminan .ikon{flex:none;width:44px;height:44px;border-radius:50%;background:var(--es);border:2px solid var(--hitam);display:flex;align-items:center;justify-content:center;font-family:var(--f-judul);font-weight:800;font-size:1rem}.jaminan .ikon.halal{border-radius:6px;background:var(--putih);border:0;height:auto}.jaminan .ikon.halal img{width:40px;height:auto}.jaminan small{display:block;font-weight:500;color:var(--abu)}.jaminan a{font-weight:700}.praktis{background:var(--mangga);border-block:2px solid var(--hitam);padding-block:88px}.praktis .wadah{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.praktis h2{font-size:clamp(2rem,3.6vw,3.1rem)}.praktis p.besar{font-size:1.2rem}.rumus-kecil{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 14px}.rumus-kecil .op.o2{display:none}.rk{background:var(--putih);border:2px solid var(--hitam);border-radius:24px;padding:12px;text-align:center;min-width:0}.rk img{width:100%;max-width:170px;aspect-ratio:1/1;object-fit:contain;margin:0 auto}.rk b{display:block;font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.05;margin-top:4px}.rk span{display:block;font-size:.95rem;color:var(--abu);font-weight:600;line-height:1.3}.rk.hasil{grid-column:1 / -1;background:var(--hitam);color:var(--putih);display:flex;align-items:center;justify-content:center;gap:16px;padding:18px}.rk.hasil b{font-size:clamp(2.2rem,4vw,3.2rem);margin:0}.rk.hasil span{color:#D6D6D6;font-size:1rem;text-align:left}.op{font-family:var(--f-judul);font-size:2rem;font-weight:500;text-align:center}.praktis .jalan>.rk,.praktis .jalan>.op{animation:pop .55s cubic-bezier(.2,.9,.3,1.4) both}.praktis .jalan>:nth-child(2){animation-delay:.1s}.praktis .jalan>:nth-child(3){animation-delay:.2s}.praktis .jalan>:nth-child(4){animation-delay:.3s}.praktis .jalan>:nth-child(5){animation-delay:.4s}.praktis .jalan>:nth-child(6){animation-delay:.5s}.praktis .jalan>:nth-child(7){animation-delay:.6s}.praktis .jalan>:nth-child(8){animation-delay:.8s}@keyframes pop{from{transform:scale(.6)}to{transform:none}}.bagian{padding-block:96px}.kepala-bagian{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:40px}.kepala-bagian p{color:var(--abu);margin:0}.resep-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.bahan{background:var(--es);border:2px solid var(--hitam);border-radius:30px;padding:28px 30px}.bahan h3{margin-bottom:.2em}.bahan>p{color:var(--abu);margin-bottom:16px}.bahan ul{list-style:none;margin:0;padding:0}.bahan li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:2px solid var(--hitam);font-weight:600}.bahan li b{font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-size:1.25rem;white-space:nowrap}.contoh{margin-top:20px;background:var(--putih);border:2px solid var(--hitam);border-radius:20px;padding:16px 18px;font-size:1rem}.contoh strong{display:block;margin-bottom:4px}.cara{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;counter-reset:c}.cara li{counter-increment:c;border:2px solid var(--hitam);border-radius:26px;padding:24px 24px 22px;background:var(--putih)}.cara li::before{content:counter(c);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--hitam);color:var(--putih);font-family:var(--f-judul);font-weight:800;font-size:1.3rem;margin-bottom:14px}.cara .angka{display:block;font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-weight:800;font-size:1.9rem;line-height:1.05;margin-bottom:6px;color:var(--stroberi-kuat)}.cara h3{font-size:1.25rem;margin-bottom:.3em}.cara p{margin:0;color:var(--abu);font-size:1rem}.rasa-bagian{background:var(--krem);border-block:2px solid var(--hitam)}.rasa-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rasa-grid button{display:flex;flex-direction:column;width:100%;padding:0;border:2px solid var(--hitam);border-radius:24px;overflow:hidden;background:var(--putih);cursor:pointer;text-align:left;font-family:var(--f-teks);transition:background-color .25s ease}.rasa-grid button:hover{background:var(--c)}.rasa-grid .foto{aspect-ratio:1/1;overflow:hidden;border-bottom:2px solid var(--hitam)}.rasa-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.rasa-grid button:hover img{transform:scale(1.06)}.rasa-grid .nm{display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:800;font-size:1.02rem}.rasa-grid .nm i{width:16px;height:16px;border-radius:50%;background:var(--c);border:2px solid var(--hitam);flex:none}.rasa-catat{margin-top:26px;color:var(--abu)}.simpan{background:var(--hitam);color:var(--putih)}.simpan .kepala-bagian p{color:#CFCFCF}.simpan ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:3px solid #333}.simpan li{padding:28px 24px 0 0}.simpan b{display:block;font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-weight:800;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.05;color:var(--es);margin-bottom:8px}.simpan span{color:#D8D8D8}.pilih-base{display:grid;grid-template-columns:1fr 1fr;gap:22px}.base{border:2px solid var(--hitam);border-radius:30px;padding:28px 30px;display:flex;gap:22px;align-items:center;text-decoration:none}.base img{width:120px;height:120px;object-fit:contain;flex:none;background:var(--putih);border-radius:20px;border:2px solid var(--hitam);padding:6px}.base h3{margin-bottom:.25em}.base p{margin:0 0 10px;color:var(--abu)}.base .ajak{font-weight:800}.base.ini{background:var(--es)}.base.lain{background:var(--stroberi)}.base.lain .ajak i{font-style:normal;display:inline-block;transition:transform .25s ease}.base.lain:hover .ajak i{transform:translateX(6px)}.kartu{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;border:2px solid var(--hitam);background:var(--putih);text-decoration:none;transition:background-color .3s ease}.kartu .foto{aspect-ratio:1/1;overflow:hidden;border-bottom:2px solid var(--hitam)}.kartu .isi{padding:18px 20px 22px;display:flex;flex-direction:column;gap:4px;flex:1}.kartu .label{align-self:flex-start;background:var(--c);margin-bottom:8px}.kartu h3{margin:0}.kartu .kecil{color:var(--abu);font-size:1rem;margin:0}.kartu .harga{margin-top:auto;padding-top:10px;font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-weight:800;font-size:1.6rem}.kartu .harga small{display:block;font-family:var(--f-teks);font-size:.85rem;font-weight:700;color:var(--abu)}.kartu .harga.tanya{font-family:var(--f-teks);font-size:1rem;font-weight:800}.kaki .logo-kaki{width:110px;height:110px;border-radius:50%;margin-bottom:18px}.bar-beli{display:none;position:fixed;z-index:56;left:0;right:0;bottom:0;background:var(--hitam);color:var(--putih);padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));align-items:center;gap:12px;transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility .3s}.bar-beli .ringkas-info{flex:1;min-width:0;line-height:1.2}.bar-beli .ringkas-info span{display:block;font-size:.85rem;color:#CFCFCF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-beli .ringkas-info b{font-family:var(--f-judul);font-variation-settings:"SOFT" 100;font-size:1.35rem}.bar-beli .tombol{min-height:48px;padding:0 20px;background:var(--putih);color:var(--hitam);border-color:var(--putih)}.bar-beli .wa-ikon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--wa);color:var(--wa-teks);flex:none}@media (max-width:1080px){.bar-beli{display:flex}body.bar-on .bar-beli{transform:none;visibility:visible}body.bar-on .wa-apung{display:none}.beli .wadah{grid-template-columns:1fr;gap:30px}.galeri{position:static}.praktis .wadah{grid-template-columns:1fr;gap:36px}.resep-grid{grid-template-columns:1fr}.rasa-grid{grid-template-columns:repeat(3,1fr)}.pilih-base{grid-template-columns:1fr}body{padding-bottom:84px}}@media (max-width:640px){.beli{padding-bottom:64px}.foto-utama{border-radius:24px}.jempol{gap:8px}.jempol button{border-radius:12px}.versi label{padding:14px 14px;gap:2px 12px}.versi .rp{font-size:1.15rem}.tingkat div{padding:11px 8px 13px}.tingkat b{font-size:1.1rem}.tingkat .jml{font-size:.76rem;white-space:nowrap}.tingkat .hemat{font-size:.72rem;white-space:nowrap}.aksi{grid-template-columns:1fr}.bagian,.praktis{padding-block:64px}.rumus-kecil{gap:10px}.rk img{max-width:120px}.cara{grid-template-columns:1fr}.rasa-grid{grid-template-columns:repeat(2,1fr);gap:12px}.simpan ul{grid-template-columns:1fr}.simpan li{padding:22px 0 0}.base{padding:20px;gap:16px;align-items:flex-start}.base img{width:84px;height:84px}.kartu .harga{font-size:1.3rem}}