:root{--forest:#14532d;--forest-deep:#0c3a1f;--forest-soft:#1e6b3c;--molase:#6b3410;--leaf:#5ea82e;--leaf-bright:#7ac943;--amber:#f0a02e;--amber-deep:#d0821a;--wood:#8b5e3c;--ink:#10231a;--muted:#5c6e60;--line:#dce4d2;--card:#fff;--field:#fbf8ee;--s-produk:#fbf8ee;--s-liter:#fdf2e0;--s-calc:#e8f0d9;--s-guna:#fffdf7;--s-galeri:#2a1810;--s-grosir:#14532d;--s-why:#f1efe0;--s-cta:#fbf8ee;--s-foot:#0c3a1f;--s-sektor:#14532d;--shadow:0 2px 4px rgba(16,35,26,.05),0 12px 28px rgba(16,35,26,.07);--shadow-lift:0 4px 8px rgba(16,35,26,.07),0 20px 44px rgba(16,35,26,.12);--r-lg:28px;--r-md:20px;--r-sm:14px;--maxw:1140px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--forest:#3e9a63;--forest-deep:#0a1710;--forest-soft:#4fb073;--molase:#c98a5b;--leaf:#7ac943;--leaf-bright:#8fda58;--amber:#f5b04e;--amber-deep:#e09a2e;--wood:#7a5334;--ink:#e9f2e5;--muted:#9db0a2;--line:#25392b;--card:#16261a;--field:#0e1a12;--s-produk:#0e1a12;--s-liter:#1c160e;--s-calc:#16261a;--s-guna:#111c14;--s-galeri:#180d06;--s-grosir:#0a1710;--s-why:#141f17;--s-cta:#0e1a12;--s-foot:#08120c;--s-sektor:#0a1710;--shadow:0 2px 4px rgba(0,0,0,.3),0 12px 28px rgba(0,0,0,.35);--shadow-lift:0 4px 8px rgba(0,0,0,.35),0 20px 44px rgba(0,0,0,.45)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--s-produk);color:var(--ink);font-family:var(--font-poppins),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:22px}.script{font-family:var(--font-caveat),cursive;font-weight:400;line-height:1.15}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);margin:0 0 10px}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;text-wrap:balance;margin:0}h1{font-size:clamp(30px,4.4vw,46px);line-height:1.08}h2{font-size:clamp(26px,3.6vw,40px);line-height:1.12}h3{font-size:20px;line-height:1.25}p{margin:0}section{padding:72px 0}.lede{color:var(--muted);font-size:17px;max-width:60ch}.shead{margin-bottom:34px;max-width:62ch}.shead h1,.shead h2{margin-bottom:12px}.shead p{color:var(--muted);font-size:17px}.prose p+p{margin-top:14px}.btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;padding:13px 24px;border-radius:999px;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.btn-primary{background:var(--amber);color:#3a2606;box-shadow:0 4px 0 var(--amber-deep)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--amber-deep)}.btn-ghost{background:transparent;color:var(--forest);border-color:var(--line)}.btn-ghost:hover{background:var(--s-calc)}.btn-wa{background:var(--forest);color:#fff}.btn-wa:hover{background:var(--forest-soft)}.btn-light{background:hsla(0,0%,100%,.14);color:#fff;border-color:hsla(0,0%,100%,.4)}.btn-light:hover{background:hsla(0,0%,100%,.24)}@media (prefers-reduced-motion:reduce){.btn,.btn:hover{transform:none;transition:none}}.site-head{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:var(--s-produk);border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,color-mix(in srgb,var(--s-produk) 93%,transparent) 0,color-mix(in srgb,var(--s-produk) 90%,transparent) 45%,color-mix(in srgb,var(--s-produk) 84%,transparent) 100%),url(/img/header-strip.webp);background-size:cover,cover;background-position:50%,50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--forest),var(--leaf) 55%,var(--amber))}.hbar{display:flex;align-items:center;gap:16px;padding-block:12px}.logo{font-weight:900;font-size:22px;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.logo .a{color:var(--molase)}.logo .b{color:var(--leaf)}.logo small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:-4px}.site-nav{display:flex;gap:21px;margin-left:auto;font-size:14.5px;font-weight:600}.site-nav a{text-decoration:none;opacity:.82}.site-nav a:hover{opacity:1;color:var(--forest)}@media(max-width:1040px){.site-nav{display:none}.cart-btn{margin-left:auto}}.head-wa{white-space:nowrap}@media(max-width:520px){.head-wa span{display:none}}.hero{position:relative;overflow:hidden;padding:0;background:#0a1710 50%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,24,14,.94),rgba(7,24,14,.86) 32%,rgba(7,24,14,.5) 58%,rgba(7,24,14,.12) 82%,rgba(7,24,14,.02))}@media(max-width:820px){.hero:after{background:linear-gradient(180deg,rgba(7,24,14,.9),rgba(7,24,14,.82) 55%,rgba(7,24,14,.92))}}.hero-in{position:relative;z-index:2;min-height:clamp(430px,58vh,590px);display:flex;flex-direction:column;justify-content:center;padding-block:60px}.hero-copy{max-width:47rem;color:#fff}.hero-script{font-size:clamp(26px,3.4vw,37px);color:var(--leaf-bright);display:block;margin-bottom:8px}.hero h1{font-size:clamp(32px,4.8vw,54px);line-height:1.05;font-weight:900;color:#fff}.hero h1 em{font-style:normal;color:var(--amber)}.hero .lede{color:#d6e6d0;max-width:52ch;margin-top:17px;font-size:17.5px}.spec-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.spec{display:flex;align-items:baseline;gap:6px;background:hsla(0,0%,100%,.13);border:1px solid hsla(0,0%,100%,.24);color:#eff7ea;border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:700}.spec b{font-size:15px;color:#fff}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-note{margin-top:24px;font-size:13.5px;color:#a9c6a6;display:flex;align-items:flex-start;gap:8px}.hero-note svg{flex:none;margin-top:3px}.hero-note span{flex:1 1}.hero-note b{color:#fff}.phero{background:var(--s-calc);padding:52px 0 46px;border-bottom:1px solid var(--line)}.phero .crumb{font-size:13px;color:var(--muted);margin-bottom:12px}.phero .crumb a{text-decoration:none}.phero .crumb a:hover{color:var(--forest)}.phero h1{margin-bottom:14px}.phero p{color:var(--muted);font-size:17px;max-width:62ch}.sektor{background:var(--s-sektor);padding:26px 0}.sektor-in{justify-content:center;flex-wrap:wrap;gap:14px 42px}.sek,.sektor-in{display:flex;align-items:center}.sek{gap:11px;color:#f0f7ec;text-decoration:none}.sek .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.22);flex:none}.sek span{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.sec-produk{background:var(--s-produk)}.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(206px,1fr));grid-gap:18px;gap:18px}.prod{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}.prod:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.prod:hover{transform:none}}.prod-top{position:relative;background:var(--s-liter)}.prod-top img{width:100%;aspect-ratio:1/1;object-fit:cover}.badge{position:absolute;top:11px;right:11px;width:62px;height:62px;border-radius:50%;background:#0c3a1f;border:2.5px solid var(--amber);display:grid;place-items:center;text-align:center;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.3)}.badge b{display:block;font-size:19px;font-weight:900;color:#fff}.badge i{display:block;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.13em;color:var(--amber)}.prod-body{padding:16px 17px 18px;display:flex;flex-direction:column;gap:4px;flex:1 1}.prod-body .nm{font-weight:800;font-size:16.5px}.prod-body .sub{font-size:12.5px;color:var(--muted);font-weight:500}.price{font-size:23px;font-weight:900;color:var(--forest);margin-top:9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.perkg{font-size:12.5px;color:var(--muted);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prod .fake-btn{margin-top:14px;width:100%;justify-content:center;padding:11px 16px;font-size:14px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:2px solid var(--line);color:var(--forest);font-weight:700}.prod:hover .fake-btn{background:var(--s-calc)}.flag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;padding:3px 9px;border-radius:999px;margin-top:8px;align-self:flex-start}.flag,.note-ship{background:var(--s-calc);color:var(--forest)}.note-ship{margin-top:22px;border-radius:var(--r-md);padding:18px 22px;display:flex;gap:14px;align-items:flex-start;font-size:14.5px}.pdetail{display:grid;grid-template-columns:1fr 1fr;grid-gap:44px;gap:44px;align-items:start}@media(max-width:840px){.pdetail{grid-template-columns:1fr;gap:28px}}.pdetail-img{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--s-liter);box-shadow:var(--shadow)}.pdetail-img img{width:100%;aspect-ratio:1/1;object-fit:cover}.pbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px 26px}.pbox .big{font-size:36px;font-weight:900;color:var(--forest);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pbox .sub{color:var(--muted);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spec-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:20px}.spec-cell{background:var(--s-calc);border-radius:12px;padding:11px 14px}.spec-cell dt{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.spec-cell dd{margin:2px 0 0;font-size:17px;font-weight:800;color:var(--forest)}.sec-liter{background:var(--s-liter)}.banding{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}.banding img{width:100%;border-radius:var(--r-md);box-shadow:var(--shadow)}@media(max-width:800px){.banding{grid-template-columns:1fr;gap:26px}}.klist{list-style:none;padding:0;margin:18px 0 0;flex-direction:column}.klist,.klist li{display:flex;gap:11px}.klist li{align-items:flex-start;font-size:15.5px}.klist svg{flex:none;margin-top:4px}.sec-calc{background:var(--s-calc);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.calc-grid{display:grid;grid-template-columns:1fr 1fr}@media(max-width:860px){.calc-grid{grid-template-columns:1fr}}.calc-in{padding:30px 32px;border-right:1px solid var(--line)}@media(max-width:860px){.calc-in{border-right:0;border-bottom:1px solid var(--line)}}.calc-out{padding:30px 32px;background:var(--s-guna)}.step{font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--forest);margin-bottom:14px}.field{margin-bottom:20px}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.field input,.field select{width:100%;font-family:inherit;font-size:15.5px;font-weight:600;color:var(--ink);background:var(--field);border:2px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}.field input:focus,.field select:focus{outline:none;border-color:var(--leaf)}.hint{font-size:12.5px;color:var(--muted);margin-top:7px}.res-big{font-size:42px;font-weight:900;color:var(--forest);line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.res-big small{font-size:19px;font-weight:700}.res-lbl{font-size:13.5px;color:var(--muted);font-weight:600;margin-bottom:3px}.pack{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:15px}.pack:last-child{border-bottom:0}.pack .q{font-weight:700}.pack .v{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.total{margin-top:16px;padding-top:16px;border-top:2px solid var(--forest);display:flex;justify-content:space-between;align-items:baseline;gap:10px}.total .v{font-size:26px;font-weight:900;color:var(--forest);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ship-est{margin-top:16px;background:var(--card);border-radius:var(--r-sm);padding:14px 16px;font-size:14px;border:1px solid var(--line)}.ship-est .row{display:flex;justify-content:space-between;gap:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ship-est .row+.row{margin-top:6px}.disc{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}.sec-guna{background:var(--s-guna)}.guna{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));grid-gap:18px;gap:18px}.gcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}.gcard:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.gcard:hover{transform:none}}.gcard img{width:100%;aspect-ratio:16/11;object-fit:cover}.gcard .gb{padding:16px 18px 19px;display:flex;flex-direction:column;gap:7px;flex:1 1}.gcard h3{font-size:17px}.gcard .gt{font-size:14px;color:var(--muted)}.dose{background:var(--s-calc);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;color:var(--forest);margin-top:auto}.dose span{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-top:2px}.dosis{width:100%;border-collapse:collapse;margin-top:6px;font-size:15.5px}.dosis td{padding:13px 0;border-bottom:1px solid var(--line);vertical-align:top}.dosis td:first-child{font-weight:700;width:38%;padding-right:18px}.dosis td:last-child{color:var(--muted)}.steps{list-style:none;counter-reset:s;padding:0;margin:0;flex-direction:column}.steps,.steps li{display:flex;gap:14px}.steps li{counter-increment:s;align-items:flex-start;font-size:15.5px}.steps li:before{content:counter(s);flex:none;width:30px;height:30px;border-radius:10px;background:var(--s-calc);color:var(--forest);display:grid;place-items:center;font-weight:900;font-size:14px;margin-top:1px}.warn{background:var(--s-liter);border-left:4px solid var(--amber);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:16px 20px;margin-top:24px;font-size:15px}.warn b{color:var(--forest)}.sec-galeri{background:var(--s-galeri);color:#f3e7db}.sec-galeri h1,.sec-galeri h2{color:#fff}.sec-galeri .eyebrow{color:var(--amber)}.sec-galeri .shead p{color:#cbb49f}.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:196px;grid-gap:12px;gap:12px}.gal figure{margin:0;position:relative;overflow:hidden;border-radius:16px}.gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gal figure:hover img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.gal figure:hover img{transform:none}}.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 11px;background:linear-gradient(0deg,rgba(20,9,3,.88),rgba(20,9,3,0));color:#fff3e6;font-size:12.5px;font-weight:600;line-height:1.35}.gal .wide{grid-column:span 2}@media(max-width:820px){.gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.gal .wide{grid-column:span 2}}.sec-grosir{background:var(--s-grosir);color:#eaf3e5}.sec-grosir h1,.sec-grosir h2{color:#fff}.sec-grosir .lede{color:#c7dcc0}.sec-grosir .eyebrow{color:#9cc4a0}.gg{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:44px;gap:44px;align-items:start}@media(max-width:880px){.gg{grid-template-columns:1fr;gap:30px}}.moq{width:100%;border-collapse:collapse;margin-top:22px;font-size:15px}.moq th{text-align:left;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:#9cc4a0;font-weight:700;padding:0 0 10px;border-bottom:1px solid hsla(0,0%,100%,.16)}.moq td{padding:13px 0;border-bottom:1px solid hsla(0,0%,100%,.11);vertical-align:top}.moq td:first-child{font-weight:700;color:#fff}.moq td:last-child{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.moq .qt{color:#c7dcc0;font-size:13.5px}.gbox{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.16);border-radius:var(--r-md);padding:26px}.gbox h3{color:#fff;margin-bottom:8px}.gbox p{color:#c7dcc0;font-size:14.5px}.gbox .btn{margin-top:18px;width:100%;justify-content:center}.wilayah{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.wtag{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(122,201,67,.16);color:#b7e88c;border:1px solid rgba(122,201,67,.3)}.sec-why{background:var(--s-why)}.why{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:44px;gap:44px;align-items:center}@media(max-width:880px){.why{grid-template-columns:1fr}}.why-imgs{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.why-imgs img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--shadow)}.why-imgs img:last-child{margin-top:26px}.reasons{display:flex;flex-direction:column;gap:20px;margin-top:22px}.reason{display:flex;gap:15px;align-items:flex-start}.reason .rn{flex:none;width:38px;height:38px;border-radius:12px;background:var(--s-calc);color:var(--forest);display:grid;place-items:center;font-weight:900;font-size:15px}.reason h3{font-size:17px;margin-bottom:3px}.reason p{color:var(--muted);font-size:14.5px}.sec-cta{background:var(--s-cta);padding-bottom:78px}.cta-wood{background:var(--wood);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.055) 0 2px,transparent 2px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 26px);border-radius:var(--r-lg);padding:44px 34px;text-align:center;color:#fff6e9;box-shadow:var(--shadow-lift)}.cta-wood .script{font-size:clamp(29px,4.2vw,43px);color:#fff6e9;display:block}.cta-wood p{margin:12px auto 0;max-width:52ch;color:#f2e2cd;font-size:16px}.cta-wood .btn{margin-top:22px}.linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px}.linkcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:15px 18px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;transition:border-color .15s ease,background .15s ease}.linkcard:hover{border-color:var(--leaf);background:var(--s-calc)}.linkcard small{display:block;font-weight:500;font-size:12.5px;color:var(--muted);margin-top:2px}.faq{display:flex;flex-direction:column;gap:12px;max-width:78ch}.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:0}.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:16px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--forest);font-weight:900;font-size:20px;line-height:1}.faq details[open] summary:after{content:"\2212"}.faq details>div{padding:0 20px 18px;color:var(--muted);font-size:15.5px}.site-foot{background:var(--s-foot);color:#c7dcc0;padding:52px 0 30px;font-size:14.5px}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;grid-gap:28px;gap:28px}@media(max-width:1060px){.fgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}}.site-foot .logo{color:#fff}.site-foot .logo .a{color:#e8b98c}.site-foot .logo .b{color:var(--leaf-bright)}.site-foot h4{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#8fb396;margin:0 0 13px;font-weight:800}.site-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.site-foot a{text-decoration:none;opacity:.9}.site-foot a:hover{opacity:1;color:#fff}.fbot{margin-top:38px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.13);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#8fb396}.cart-btn{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--forest);border:1px solid var(--line);background:var(--card);flex:none;text-decoration:none}.cart-btn:hover{background:var(--s-calc)}.cart-n{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--amber);color:#3a2606;font-size:11.5px;font-weight:900;display:grid;place-items:center;line-height:1}.cart-grid{display:grid;grid-template-columns:1.5fr .85fr;grid-gap:36px;gap:36px;align-items:start}@media(max-width:900px){.cart-grid{grid-template-columns:1fr;gap:26px}}.cart-sum{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px 26px;position:-webkit-sticky;position:sticky;top:88px}@media(max-width:900px){.cart-sum{position:static}}.cart-sum h3{font-size:18px;margin-bottom:10px}.cart-row{display:grid;grid-template-columns:90px 1fr auto;grid-gap:16px;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row:first-child{padding-top:0}.cart-row img{width:90px;height:90px;object-fit:cover;border-radius:var(--r-sm);background:var(--s-liter)}.cart-info .nm{font-weight:800;font-size:16.5px;text-decoration:none}.cart-info .nm:hover{color:var(--forest)}.cart-info .sub{font-size:13px;color:var(--muted);margin-top:2px}.cart-harga{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cart-harga b{font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:560px){.cart-row{grid-template-columns:70px 1fr}.cart-row img{width:70px;height:70px}.cart-harga{grid-column:2;align-items:flex-start;text-align:left}}.qty{display:inline-flex;align-items:center;border:2px solid var(--line);border-radius:999px;overflow:hidden;background:var(--field)}.qty button{width:36px;height:36px;border:0;background:transparent;cursor:pointer;font-size:18px;font-weight:800;color:var(--forest);font-family:inherit;line-height:1}.qty button:hover{background:var(--s-calc)}.qty input{width:52px;height:36px;border:0;background:transparent;text-align:center;font-family:inherit;font-size:15px;font-weight:800;color:var(--ink);-moz-appearance:textfield;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input:focus{outline:none}.linkbtn{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);text-decoration:underline}.linkbtn:hover{color:var(--forest)}.kosong{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:48px 34px;text-align:center;max-width:620px;margin:0 auto}.kosong h1,.kosong h2{font-size:clamp(24px,3.4vw,32px)}.kosong .lede{margin-left:auto;margin-right:auto}.form2{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 18px;gap:0 18px}@media(max-width:620px){.form2{grid-template-columns:1fr}}.field textarea{width:100%;font-family:inherit;font-size:15.5px;font-weight:500;color:var(--ink);background:var(--field);border:2px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;resize:vertical;line-height:1.55}.field textarea:focus{outline:none;border-color:var(--leaf)}.pilihan{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;gap:12px;cursor:pointer;border:2px solid var(--line);border-radius:var(--r-sm);padding:13px 16px;background:var(--field)}.opt:hover{border-color:var(--leaf)}.opt.aktif{border-color:var(--forest);background:var(--s-calc)}.opt input{width:18px;height:18px;accent-color:var(--forest);flex:none;margin:0}.opt span{display:flex;flex-direction:column;flex:1 1;line-height:1.35}.opt span b{font-size:15px}.opt span small{font-size:12.5px;color:var(--muted);margin-top:2px}.opt em{font-style:normal;font-weight:800;color:var(--forest);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.salah{background:#fdecec;color:#8c2318;border-radius:var(--r-sm);padding:11px 14px;font-size:13.5px;font-weight:600;margin-top:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .salah{background:#3a1512;color:#f3b5ae}}.sukses{display:flex;align-items:center;gap:14px;background:var(--s-calc);border-radius:var(--r-md);padding:18px 22px;color:var(--forest)}.sukses b{display:block;font-size:16.5px}.sukses span{font-size:13.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jadwal{display:flex;gap:14px;align-items:flex-start;background:var(--s-calc);border-radius:var(--r-md);padding:16px 19px;color:var(--forest)}.jadwal-ic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--card);display:grid;place-items:center;color:var(--forest)}.jadwal b{font-size:15px;display:block}.jadwal p{font-size:13.5px;color:var(--muted);margin-top:3px;line-height:1.55}.jadwal p b{display:inline;color:var(--forest);font-size:inherit}.jadwal-ringkas{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.jadwal-ringkas b{color:var(--forest)}.jadwal-ringkas .titik{width:8px;height:8px;border-radius:50%;background:var(--leaf);flex:none}.paket{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}@media(max-width:520px){.paket{grid-template-columns:repeat(2,1fr)}}.pk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--field);padding:11px 12px 12px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s ease,background .15s ease}.pk:hover{border-color:var(--leaf)}.pk.aktif{border-color:var(--forest);background:var(--s-calc)}.pk b{font-size:15px;font-weight:800;color:var(--ink)}.pk span{font-size:12px;color:var(--muted);font-weight:600}.pk em{font-style:normal;font-size:13.5px;font-weight:800;color:var(--forest);margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pk .tag{position:absolute;top:-9px;right:8px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--amber);color:#3a2606;padding:2px 7px;border-radius:999px;white-space:nowrap}.pk-note{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}.pk-note.hijau{color:var(--forest);font-weight:600}.modesw{display:inline-flex;background:var(--field);border:2px solid var(--line);border-radius:999px;padding:3px;gap:3px;margin-bottom:12px}.modesw button{border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);padding:6px 14px;border-radius:999px}.modesw button.on{background:var(--forest);color:#fff}.samakan{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--s-liter);border:1px dashed var(--wood);border-radius:var(--r-md);padding:16px 19px;margin-top:22px}.samakan b{font-size:15px}.samakan p{font-size:13.5px;color:var(--muted);margin-top:3px;max-width:52ch;line-height:1.55}.samakan .btn{padding:10px 20px;font-size:14px;white-space:nowrap;background:var(--card)}.balik{background:var(--s-liter);border-left:4px solid var(--amber);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:14px 16px;margin-top:14px}.balik b{font-size:14.5px;display:block;color:var(--ink)}.balik p{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.55}.balik p b{display:inline;font-size:inherit;color:var(--forest)}.balik .linkbtn{margin-top:9px;color:var(--forest)}.duakolom{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:44px;gap:44px;align-items:start}@media(max-width:900px){.duakolom{grid-template-columns:1fr;gap:28px}}.menu-tombol{display:none;width:42px;height:42px;border-radius:14px;flex:none;align-items:center;justify-content:center;cursor:pointer;background:var(--card);border:1px solid var(--line);color:var(--forest)}.menu-tombol:hover{background:var(--s-calc)}.menu-tombol:focus-visible{outline:3px solid var(--amber);outline-offset:2px}@media(max-width:1040px){.menu-tombol{display:flex}}.menu-tirai{position:fixed;inset:0;z-index:58;background:rgba(7,24,14,.45)}.menu-panel{position:absolute;top:100%;left:0;right:0;z-index:59;background:var(--card);box-shadow:var(--shadow-lift);flex-direction:column;max-height:calc(100vh - 70px);overflow-y:auto}.menu-panel,.menu-panel a{border-bottom:1px solid var(--line);display:flex}.menu-panel a{align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;text-decoration:none;font-weight:700;font-size:15.5px}.menu-panel a:last-child{border-bottom:0}.menu-panel a:hover{background:var(--s-calc);color:var(--forest)}.menu-panel a span{color:var(--leaf);font-weight:400}@media(max-width:600px){section{padding:52px 0}.phero{padding:38px 0 34px}.shead{margin-bottom:26px}h2{font-size:26px}.lede,.shead p{font-size:16px}.sembunyi-hp{display:none}.hero-in{min-height:0;padding-block:46px 36px}.hero-script{font-size:23px;line-height:1.3;margin-bottom:4px}.hero h1{font-size:26px;line-height:1.16}.hero .lede{font-size:15.5px;margin-top:11px;line-height:1.55}.spec-row{gap:6px;margin-top:16px}.spec{font-size:11.5px;padding:5px 10px;gap:4px}.spec b{font-size:12.5px}.hero-cta{margin-top:18px;gap:9px}.hero-cta .btn{width:100%;justify-content:center;padding:12px 20px;font-size:14.5px}.hero-note{margin-top:16px;font-size:12.5px}.hbar{gap:10px;padding-block:14px}.logo{font-size:20px}.logo small{font-size:8.5px;letter-spacing:.08em;margin-top:-1px}.cart-btn,.menu-tombol{width:42px;height:42px}.head-wa{padding:12px 17px}.wrap{padding-inline:16px}.calc-in,.calc-out{padding:22px 18px}.cta-wood{padding:32px 20px}.cart-sum,.gbox,.pbox{padding:20px 18px}.jadwal,.note-ship{padding:14px 16px}}.cari-kec{position:relative}.saran{list-style:none;margin:6px 0 0;padding:6px;position:absolute;z-index:20;left:0;right:0;background:var(--card);border:2px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-lift);max-height:270px;overflow-y:auto}.saran li+li{border-top:1px solid var(--line)}.saran button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink);padding:11px 12px;border-radius:9px;line-height:1.4}.saran button:focus-visible,.saran button:hover{background:var(--s-calc);color:var(--forest);outline:none}.saran button span{color:var(--muted);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.logo-alas{flex:none;display:inline-flex;align-items:center;justify-content:center;width:58px;background:#fff;border:1px solid rgba(16,35,26,.1);border-radius:8px;padding:4px 6px;box-sizing:border-box}.logo-merek{width:auto;max-width:100%;max-height:100%;object-fit:contain}.logo-lencana{flex:none;display:inline-block;min-width:44px;padding:0 9px;border-radius:8px;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-align:center;white-space:nowrap}.opt .logo-lencana,.opt .logo-merek{margin-right:2px}@media(max-width:600px){.logo-alas{width:46px;padding:3px 4px}.opt{gap:9px;padding:11px 12px}}.logo{display:block;line-height:0}.logo img{height:54px;width:auto;max-width:none}.site-foot .logo img{height:60px;filter:brightness(1.22) saturate(1.05)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .site-head .logo img{filter:brightness(1.22) saturate(1.05)}}@media(max-width:600px){.logo img{height:44px}.site-foot .logo img{height:52px}}.bayar{background:var(--card);border:2px solid var(--forest);border-radius:var(--r-md);padding:22px 24px;margin-top:20px}.bayar-label{font-size:13.5px;color:var(--muted);font-weight:600}.bayar-nominal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}.bayar-nominal b{font-size:34px;font-weight:900;color:var(--forest);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.bayar-catatan{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.55}.bayar-catatan b{color:var(--ink)}.bayar-cara{display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.bayar-cara b{font-size:16px;display:block}.bayar-cara small{font-size:13px;color:var(--muted);display:block;margin-top:2px}.bayar-rek{display:flex;align-items:center;gap:10px;margin-top:3px}.bayar-rek span{font-size:20px;font-weight:800;letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bayar-qris{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);text-align:center}.bayar-qris img{width:260px;max-width:100%;height:auto;margin:0 auto;border-radius:var(--r-sm)}.bayar-qris p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.55}.bayar-qris p b{color:var(--forest)}.qris-tunggu{width:260px;height:260px;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1px dashed var(--line);font-size:13px;color:var(--muted)}.qris-tunggu,.salin{background:var(--field)}.salin{border:2px solid var(--line);color:var(--forest);font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:999px;cursor:pointer;white-space:nowrap}.salin:hover{border-color:var(--leaf);background:var(--s-calc)}.tombol-baris{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:600px){.tombol-baris .btn{width:100%;justify-content:center}}.fakta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.fakta>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.fakta dt{font-size:13px;color:var(--muted);flex-shrink:0}.fakta dd{font-size:13.5px;font-weight:700;color:var(--ink);text-align:right;line-height:1.4}@media(max-width:480px){.fakta>div{flex-direction:column;gap:2px}.fakta dd{text-align:left}}.status-bayar{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:15px 18px;border-radius:var(--r-md);border:2px solid transparent}.status-bayar b{font-size:16px}.status-bayar span{font-size:13.5px;line-height:1.55}.status-bayar.lunas{background:var(--s-calc);border-color:var(--forest);color:var(--forest)}.status-bayar.lunas span{color:var(--ink)}.status-bayar.menunggu{background:#fff7e6;border-color:#d9922a;color:#8a5a10}.status-bayar.gagal{background:#fdecec;border-color:#c0392b;color:#8e2a20}@media(prefers-color-scheme:dark){.status-bayar.menunggu{background:#3a2e14;border-color:#c9871f;color:#f3d08a}.status-bayar.gagal{background:#3a1e1b;border-color:#b0453a;color:#f0aea5}}.bayar-info{background:var(--card);border:2px solid var(--line);border-radius:var(--r-md);padding:18px 20px}.bayar-info p{font-size:14px;line-height:1.65;color:var(--ink)}.bayar-info ul{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.bayar-info li{font-size:13.5px;line-height:1.5;color:var(--ink)}.bayar-info-kaki{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px!important;color:var(--muted)!important}.cap-lunas,.invoice-kaki,.invoice-kop{display:none}@media print{.cetak-sembunyi,.jadwal,.menu-panel,.salin,.site-foot,.site-head{display:none!important}body{background:#fff;color:#000;font-size:12pt}section{padding:0}.wrap{max-width:none;padding-inline:0}.cart-grid{display:block}.cart-sum{border:1px solid #ccc;box-shadow:none;margin-top:18px;padding:14px 16px;page-break-inside:avoid}.invoice-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:2px solid #14532d;padding-bottom:14px;margin-bottom:6px}.invoice-kop img{height:52px;width:auto}.invoice-kop div{text-align:right;display:flex;flex-direction:column;gap:2px}.invoice-kop b{font-size:15pt;letter-spacing:.02em}.invoice-kop span{font-size:9pt;color:#444}.invoice-kaki{display:block;margin-top:22px;padding-top:10px;border-top:1px solid #ccc;font-size:8.5pt;color:#555}.status-bayar{border:1px solid #999;padding:10px 12px;page-break-inside:avoid}.status-bayar.lunas{border-color:#14532d}.bayar-info{border:1px solid #ccc;padding:10px 12px}.cap-lunas{display:block;align-self:center;border:3px solid #14532d;color:#14532d;font-weight:900;font-size:18pt;letter-spacing:.14em;padding:4px 14px;border-radius:6px;transform:rotate(-8deg)}.bayar{border:1px solid #14532d;padding:14px 16px;page-break-inside:avoid}.bayar-nominal b{font-size:20pt}.bayar-qris img{width:150px}.dosis td{border-bottom:1px solid #ddd;padding:8px 0}a,h1,h2{color:#000}a{text-decoration:none}}.tabel-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabel{width:100%;border-collapse:collapse;font-size:15.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel th{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:0 0 10px 14px}.tabel td,.tabel th{text-align:right;border-bottom:1px solid var(--line)}.tabel td{padding:13px 0 13px 14px;vertical-align:top;white-space:nowrap}.tabel td:first-child,.tabel th:first-child{text-align:left;padding-left:0;white-space:normal}.tabel td:first-child a{font-weight:700;color:var(--ink);text-decoration:none}.tabel td:first-child a:hover{color:var(--forest)}.tabel td small{display:block;color:var(--muted);font-size:13px;font-weight:500;margin-top:2px}.tabel td:nth-child(3){color:var(--forest);font-weight:700}.tabel-kaki{font-size:13.5px;color:var(--muted);margin-top:12px}@media(max-width:520px){.tabel{font-size:14px}.tabel td,.tabel th{padding-left:9px}.tabel th{font-size:10.5px;letter-spacing:.06em}}.contoh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:12px;gap:12px}.contoh{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:18px 20px}.contoh>b{display:block;color:var(--forest);margin-bottom:6px;font-size:16px}.contoh p{font-size:15px;color:var(--muted);margin:0}.contoh p+p{margin-top:8px}.contoh p b{color:var(--ink)}.ciri-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:34px}.ciri-grid h3{font-size:17px;margin:0}.ciri-kaki{font-size:13.5px;color:var(--muted);margin-top:12px}.silang{flex:none;width:20px;text-align:center;font-weight:900;font-size:19px;line-height:1.1;color:var(--amber)}@media(max-width:600px){.ciri-grid{grid-template-columns:1fr}}:root{--tetes:#2b160a;--tetes-2:#4a2812;--karamel:#d9a77a;--krim-tetes:#fbefd9}.pd-tanda{display:inline-flex;align-items:center;gap:9px}.pd-tanda:before{content:"";width:8px;height:8px;flex:none;background:var(--molase);border-radius:50% 0 50% 50%;transform:rotate(-45deg)}.pd-hero{background:var(--s-calc);border-bottom:1px solid var(--line);padding:50px 0 60px}.pd-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:52px;gap:52px;align-items:center}.pd-hero .crumb{font-size:13px;color:var(--muted);margin:0 0 14px}.pd-hero .crumb a{text-decoration:none}.pd-hero .crumb a:hover{color:var(--forest)}.pd-hero h1{margin-bottom:16px}.pd-lede{font-size:18px;color:var(--muted);max-width:54ch;margin:0}.pd-lede+.pd-lede{margin-top:12px}.pd-hero-in.rata-atas{align-items:start}@media(max-width:900px){.pd-hero-in{grid-template-columns:1fr;gap:34px}}.tetes{position:relative;overflow:hidden;color:var(--krim-tetes);border-radius:var(--r-lg);padding:30px 30px 26px;box-shadow:var(--shadow-lift);background:radial-gradient(85% 60% at 15% 0,rgba(255,210,150,.17),transparent 62%),linear-gradient(160deg,var(--tetes-2),var(--tetes) 62%)}.tetes-judul{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--karamel);margin:0 0 16px}.rasio{display:flex;align-items:flex-start;gap:0;margin:0;font-size:clamp(58px,8.4vw,94px)}.rasio span{display:flex;flex-direction:column;align-items:center;gap:10px}.rasio b{font-size:1em;font-weight:900;line-height:.88;letter-spacing:-.05em;padding-right:.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rasio i{font-style:normal;font-size:1em;font-weight:700;line-height:.88;color:var(--amber);padding:0 .17em}.rasio small{font-size:11.5px;letter-spacing:.16em;padding-left:.16em;text-transform:uppercase;font-weight:800;color:var(--karamel);white-space:nowrap}.tetes-kaki{font-size:14.5px;color:#e9d3b4;margin:18px 0 0;max-width:40ch}.coret{font-family:var(--font-caveat),cursive;font-size:25px;line-height:1.1;color:var(--amber);display:inline-block;transform:rotate(-2.5deg);margin-top:14px}.takar{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.takar-pilih{display:flex;gap:8px;flex-wrap:wrap;padding:18px 18px 0}.takar-cepat button,.takar-pilih button{font-family:inherit;cursor:pointer;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:999px}.takar-pilih button{font-size:14.5px;font-weight:700;padding:10px 16px}.takar-pilih button span{margin-left:8px;font-weight:600;opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.takar-pilih button[aria-pressed=true]{background:var(--tetes);border-color:var(--tetes);color:var(--krim-tetes)}.takar-pilih button[aria-pressed=true] span{opacity:.85;color:var(--amber)}.takar-cepat button:focus-visible,.takar-pilih button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.takar-isi{display:grid;grid-template-columns:250px minmax(0,1fr);margin-top:18px;border-top:1px solid var(--line)}.takar-air{padding:22px;border-right:1px solid var(--line);background:var(--s-produk)}.takar-cepat{display:flex;gap:6px;flex-wrap:wrap}.takar-cepat button{font-size:13px;font-weight:700;padding:6px 12px}.takar-cepat button[aria-pressed=true]{border-color:var(--leaf);background:var(--s-calc);color:var(--forest)}.takar-hasil{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.takar-hasil>div{padding:22px;border-right:1px solid var(--line)}.takar-hasil>div:last-child{border-right:0}.takar-hasil dt{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--muted)}.takar-hasil dd{margin:0}.takar-hasil .besar{font-size:clamp(32px,3.6vw,42px);font-weight:900;letter-spacing:-.035em;line-height:1;margin-top:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.takar-hasil .besar small{font-size:15px;font-weight:700;letter-spacing:0;margin-left:5px;color:var(--muted)}.takar-hasil .molase .besar{color:var(--molase)}.takar-hasil .kecil{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.5}.takar-catatan{margin:0;padding:14px 22px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);background:var(--s-produk)}@media(max-width:880px){.takar-isi{grid-template-columns:1fr}.takar-air{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:600px){.takar-hasil{grid-template-columns:1fr}.takar-hasil>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 22px}.takar-hasil>div:last-child{border-bottom:0}}.resep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.resep{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 22px 20px;display:flex;flex-direction:column}.resep-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.resep h3{font-size:19px}.resep-rasio{flex:none;background:var(--tetes);color:var(--krim-tetes);font-weight:800;font-size:13px;border-radius:999px;padding:5px 12px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.resep-rasio i{font-style:normal;color:var(--amber);padding:0 2px}.resep-untuk{font-size:14px;color:var(--muted);margin:4px 0 16px}.resep dl{margin:0;display:grid;grid-gap:12px;gap:12px}.resep dt{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--forest)}.resep dd{margin:3px 0 0;font-size:15px}.resep .lanjut{margin-top:auto;padding-top:18px;font-weight:700;font-size:14.5px;color:var(--forest);text-decoration:none}.resep .lanjut:hover{text-decoration:underline}@media(max-width:400px){.resep-grid{grid-template-columns:1fr}}.alur{list-style:none;margin:0;padding:0;counter-reset:alur;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:24px;gap:24px}.alur,.alur li{position:relative}.alur li{counter-increment:alur}.alur li:not(:last-child):before{content:"";position:absolute;left:24px;top:22px;height:4px;width:calc(100% + 24px);border-radius:4px;background:linear-gradient(90deg,var(--c),var(--c2))}.alur-titik{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--c);border:4px solid var(--s-produk);box-shadow:0 0 0 1px var(--line);display:grid;place-items:center}.alur-titik:after{content:counter(alur);font-weight:900;font-size:15px;color:#10231a}.alur li:last-child .alur-titik{border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:var(--tetes)}.alur li:last-child .alur-titik:after{transform:rotate(45deg);color:var(--krim-tetes)}.alur h3{font-size:16.5px;margin:18px 0 6px}.alur li:last-child h3{color:var(--molase)}.alur p{font-size:14.5px;color:var(--muted);margin:0}@media(max-width:860px){.alur{grid-template-columns:1fr;gap:0}.alur li:not(:last-child):before{left:22px;top:24px;width:4px;height:100%;background:linear-gradient(180deg,var(--c),var(--c2))}.alur li{display:grid;grid-template-columns:48px minmax(0,1fr);grid-column-gap:18px;column-gap:18px;padding-bottom:24px}.alur li:last-child{padding-bottom:0}.alur-titik{grid-row:span 2}.alur h3{margin:10px 0 4px}}.fakta-tebu{margin-top:34px;display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 22px;max-width:760px}.fakta-tebu b{flex:none;font-size:clamp(30px,4vw,40px);font-weight:900;letter-spacing:-.03em;color:var(--molase);line-height:1}.fakta-tebu p{margin:0;color:var(--muted);font-size:15px}@media(max-width:520px){.fakta-tebu{flex-direction:column;align-items:flex-start;gap:8px}}.label-spek{background:#fffdf6;color:#10231a;border:2px solid #14532d;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow)}.label-spek header{background:#14532d;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.label-spek header span:last-child{color:#bfe3a0}.label-baris{display:grid;grid-template-columns:118px minmax(0,1fr);grid-gap:18px;gap:18px;padding:16px 20px;border-top:1px dashed #c9d6bf}.label-spek header+.label-baris{border-top:0}.label-nilai b{display:block;font-size:30px;font-weight:900;letter-spacing:-.035em;color:#14532d;line-height:1}.label-nilai span{display:block;margin-top:5px;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#6b3410}.label-baris p{margin:0;font-size:15px;color:#44564a}@media(max-width:520px){.label-baris{grid-template-columns:1fr;gap:8px}}.banding3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.bahan{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}.bahan h3{font-size:21px;margin-bottom:16px}.bahan dl{margin:0}.bahan dl>div+div{margin-top:13px}.bahan dt{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--muted)}.bahan dd{margin:3px 0 0;font-size:15px}.bahan.utama{color:var(--krim-tetes);border-color:var(--tetes);background:radial-gradient(85% 60% at 15% 0,rgba(255,210,150,.15),transparent 62%),linear-gradient(160deg,var(--tetes-2),var(--tetes) 62%)}.bahan.utama dt{color:var(--karamel)}@media(max-width:860px){.banding3{grid-template-columns:1fr}}.guna4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.guna4>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:20px}.guna4 h3{font-size:16px;margin-bottom:10px}.guna4 ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px}.guna4 a{color:var(--forest);font-weight:600;font-size:14.5px;text-decoration:none}.guna4 a:hover{text-decoration:underline}@media(max-width:900px){.guna4{grid-template-columns:1fr 1fr}}@media(max-width:520px){.guna4{grid-template-columns:1fr}}.kartu-resep{background:#fffdf6;color:#2a2116;border-radius:var(--r-md);box-shadow:var(--shadow-lift);padding:20px 26px 24px;transform:rotate(-1.2deg)}.kartu-resep h2{font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:#6b3410;margin:0 0 4px;padding-bottom:8px;border-bottom:2px solid rgba(240,160,46,.6)}.kartu-resep dl{display:grid;grid-template-columns:78px minmax(0,1fr);margin:0;line-height:32px;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(20,83,45,.14) 31px 32px)}.kartu-resep dt{font-weight:800;font-size:14px}.kartu-resep dd{margin:0;font-size:15px}@media(max-width:600px){.kartu-resep{transform:rotate(-.6deg);padding:20px 20px 22px}}.catatan-tangan{font-family:var(--font-caveat),cursive;font-size:22px;line-height:1.1;color:var(--molase);display:block;transform:rotate(-2deg);margin-top:6px}.bab{color:var(--krim-tetes);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-lift);background:radial-gradient(85% 60% at 15% 0,rgba(255,210,150,.16),transparent 62%),linear-gradient(160deg,var(--tetes-2),var(--tetes) 62%)}.bab-input{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.bab label{display:block;font-size:13px;font-weight:700;color:var(--karamel);margin-bottom:7px}.bab .isian{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:14px;padding:0 16px}.bab .isian:focus-within{border-color:var(--amber)}.bab .isian span{color:var(--karamel);font-weight:600;font-size:14px;white-space:nowrap}.bab input{flex:1 1;min-width:0;width:100%;background:transparent;border:0;outline:none;color:#fff;font-family:inherit;font-size:21px;font-weight:800;padding:12px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bab-dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.bab-kolom{border-radius:var(--r-md);padding:20px 22px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);transition:background .25s,color .25s}.bab-kolom h3{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--karamel)}.bab-perkg{font-size:clamp(28px,3.6vw,38px);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:8px 0 12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bab-perkg small{font-size:14px;font-weight:700;letter-spacing:0;opacity:.75}.bab-kolom ul{margin:0;padding-left:18px;font-size:14.5px;display:grid;grid-gap:4px;gap:4px}.bab-kolom.menang{background:var(--krim-tetes);color:var(--tetes);border-color:var(--krim-tetes)}.bab-kolom.menang h3{color:var(--forest)}.bab-vonis{font-size:17px;font-weight:700;margin:18px 0 0}.bab .btn{margin-top:16px}@media(max-width:640px){.bab{padding:22px 18px}.bab-dua,.bab-input{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.bab-kolom{transition:none}}.dua-daftar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:40px;gap:40px}.dua-daftar h3{font-size:20px;margin-bottom:4px}@media(max-width:760px){.dua-daftar{grid-template-columns:1fr;gap:32px}}.pd-jawab{font-size:clamp(20px,2.3vw,25px);font-weight:600;line-height:1.38;color:var(--ink);max-width:34ch;margin:0 0 14px;letter-spacing:-.01em}.ciri-kartu{margin-top:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/28485c0de2075f40-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/5fb25f343c7550ca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/7db6c35d839a711c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/f5b513e981884070-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/b8442747db2a9bad-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_e36b36;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/6245472ced48d3be-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_e36b36;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_e36b36{font-family:__Poppins_e36b36,__Poppins_Fallback_e36b36;font-style:normal}.__variable_e36b36{--font-poppins:"__Poppins_e36b36","__Poppins_Fallback_e36b36"}@font-face{font-family:__Caveat_Brush_da3329;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/90d7a00850263e9e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Caveat_Brush_da3329;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cac1f6d77a893260-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Caveat_Brush_Fallback_da3329;src:local("Arial");ascent-override:120.90%;descent-override:37.78%;line-gap-override:0.00%;size-adjust:79.41%}.__className_da3329{font-family:__Caveat_Brush_da3329,__Caveat_Brush_Fallback_da3329;font-weight:400;font-style:normal}.__variable_da3329{--font-caveat:"__Caveat_Brush_da3329","__Caveat_Brush_Fallback_da3329"}