@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{color:#2c211b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#fff8ea;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:86px}body{min-width:320px;margin:0;overflow-x:clip}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #195d48}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(100% - 40px,1180px);margin-inline:auto}.site-header{z-index:20;backdrop-filter:blur(16px);background:#fff8eaf2;border-bottom:1px solid #eadfc9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:72px;display:flex}.brand{flex:none;align-items:center;gap:6px;display:inline-flex}.brand-mascot{flex:none;width:34px;height:34px;display:block}.brand-mascot img{object-fit:contain;width:100%;height:100%}.brand-name{letter-spacing:-.065em;color:#4b210f;font:900 15px/.91 Outfit,sans-serif;display:block}.brand-name small{letter-spacing:.035em;font-size:8px;line-height:1.2;display:block}.desktop-nav{align-items:center;gap:34px;font-size:14px;font-weight:700;display:none}.desktop-nav a:hover,.site-footer a:hover{color:#ed5922}.header-cart{background:0 0;border:1.5px solid #32251c;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.header-cart svg{width:19px;height:19px}.header-cart>span:not(.cart-bubble){display:none}.cart-bubble{background:#f6d643;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.hero{align-items:center;gap:42px;padding-block:50px;display:grid}.eyebrow,.section-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{color:#8b4b27;align-items:center;gap:9px;display:inline-flex}.eyebrow-dot{background:#f5ad2b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f8e0a1}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}.hero h1{letter-spacing:-.08em;margin:18px 0;font-size:clamp(58px,13vw,122px);font-weight:900;line-height:.92}.hero h1 em,.how-heading h2 em,.contact-inner h2 em{color:#ed5922;font-style:normal}.hero h1>span{white-space:nowrap;position:relative}.hero h1>span:after{content:"";z-index:-1;background:#f6d643;border-radius:50%;height:10px;position:absolute;bottom:-6px;left:5%;right:-2%;transform:rotate(-3deg)}.hero-description{color:#65564c;max-width:500px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.button{text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:13px 19px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 8px #2c211b24}.button-primary{color:#fff;background:#ed5922;border:2px solid #ed5922}.button-ghost{color:#35271e;background:0 0;border:2px solid #d8cab4}.button-dark{color:#fff7e8;background:#30231c;border:2px solid #30231c}.button-light{color:#32231a;background:#fff7e8;border:2px solid #fff7e8}.button:disabled{opacity:.55}.hero-highlights{color:#765c4b;flex-wrap:wrap;gap:18px;margin-top:27px;font-size:12px;font-weight:800;display:flex}.hero-highlights span span{color:#ed5922;margin-right:4px;font-size:15px}.hero-visual{padding:0 10px 17px;position:relative}.hero-photo-wrap{aspect-ratio:1/.91;background:#f3b266;border-radius:42% 42% 27% 27%;position:relative;overflow:hidden;box-shadow:17px 17px #f5d643}.hero-photo{object-fit:cover;object-position:center 52%;width:100%;height:100%}.photo-sticker{color:#4a2f22;letter-spacing:-.05em;text-align:center;background:#f6db48;border:2px dashed #bc7c20;border-radius:50%;place-items:center;width:96px;height:96px;font:900 17px/.95 Outfit,sans-serif;display:grid;position:absolute;top:7%;right:3%;transform:rotate(14deg)}.hero-brand-label{filter:drop-shadow(0 1px 3px #fff8ea);position:absolute;bottom:4%;left:3%;transform:rotate(-7deg)}.hero-brand-label .brand-mascot{width:48px;height:48px}.hero-brand-label .brand-name{font-size:22px}.hero-brand-label .brand-name small{font-size:10px}.hero-squiggle{color:#ed5922;font-size:84px;line-height:1;position:absolute;bottom:32px;left:-10px;transform:rotate(-20deg)}.hero-caption{background:#fff8ea;border:2px solid #2c211b;border-radius:10px;padding:11px 13px;font-size:11px;font-weight:800;position:absolute;bottom:-5px;right:-7px;transform:rotate(-4deg);box-shadow:5px 5px #2c211b}.hero-caption span{color:#ed5922}.ticker{background:#f6d643;border-block:2px solid #2c211b;width:101%;margin-left:-.5%;padding:13px 0;overflow:hidden;transform:rotate(-1.5deg)}.ticker-track{white-space:nowrap;letter-spacing:.14em;word-spacing:12px;width:max-content;font:900 18px Outfit,sans-serif;animation:28s linear infinite marquee}.ticker-track span{color:#ed5922;padding-inline:14px}@keyframes marquee{to{transform:translate(-50%)}}.products-section{background:#fff8ea;padding:90px 0 100px}.section-heading{gap:20px;margin-bottom:25px;display:grid}.section-kicker{color:#d25723;margin-bottom:15px}.section-heading h2,.how-heading h2,.contact-inner h2{letter-spacing:-.07em;margin-bottom:0;font-size:clamp(43px,8vw,77px);font-weight:900;line-height:1.02}.section-heading h2 span{color:#ed5922}.section-intro{color:#66574b;max-width:320px;margin:0;font-size:15px;line-height:1.65}.preview-note{color:#765f4d;align-items:flex-start;gap:8px;max-width:700px;margin:0 0 27px;font-size:12px;line-height:1.5;display:flex}.preview-note span{font-size:17px;line-height:1}.product-grid{gap:22px;display:grid}.product-card{background:#fffdf5;border:1.5px solid #e8d9be;border-radius:23px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px #31241b0f}.product-card:hover{transform:translateY(-5px);box-shadow:0 13px #31241b14}.product-image-wrap{aspect-ratio:1.1;background:#f4d89b;height:auto;position:relative;overflow:hidden}.product-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.product-card:hover img{transform:scale(1.04)}.product-badge{background:#fff8ea;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;position:absolute;top:15px;left:15px;box-shadow:0 2px 8px #0001}.product-number{color:#fff;text-shadow:0 2px 8px #0004;font:900 51px/1 Outfit,sans-serif;position:absolute;bottom:11px;right:15px}.product-info{padding:22px}.product-tags{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.product-tags span{color:#7e5139;text-transform:uppercase;letter-spacing:.04em;background:#f7ecd1;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:800}.product-card--pedas-daun-jeruk .product-tags span{color:#496b29;background:#e5f0d8}.product-info h3{letter-spacing:-.055em;margin:0 0 5px;font-size:31px}.product-info>p{color:#706054;min-height:46px;margin-bottom:19px;font-size:13px;line-height:1.6}.add-button{color:#fff8ea;background:#2f251e;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:8px 8px 8px 15px;font-size:13px;font-weight:800;display:flex}.add-button:hover{background:#ed5922}.add-button span{color:#30231c;background:#fff8ea;border-radius:8px;place-items:center;width:35px;height:35px;font-size:24px;font-weight:400;display:grid}.price-note{color:#7f6e5f;text-align:center;margin:24px 0 0;font-size:12px}.how-section{background:#f2e8d6;padding:80px 0}.how-layout{gap:36px;display:grid}.how-heading h2{margin-bottom:17px}.how-heading>p:last-child{color:#6e5c4c;max-width:340px;font-size:15px;line-height:1.6}.steps{border-top:1.5px solid #d7c7ad;margin:0;padding:0;list-style:none}.steps li{border-bottom:1.5px solid #d7c7ad;grid-template-columns:60px 1fr;align-items:start;gap:14px;padding:21px 0;display:grid}.step-icon{color:#fff;background:#ed5922;border-radius:50%;place-items:center;width:47px;height:47px;font:900 16px Outfit,sans-serif;display:grid}.steps h3{letter-spacing:-.04em;margin:2px 0 5px;font-size:22px}.steps p{color:#6e5c4c;max-width:360px;margin:0;font-size:13px;line-height:1.6}.contact-section{color:#fff8ea;background:#df5627;padding:70px 0 85px}.contact-inner{align-items:center;gap:26px;display:grid}.contact-inner .section-kicker{color:#ffe29a}.contact-inner h2{font-size:clamp(48px,8vw,85px)}.contact-inner h2 em{color:#ffd767}.contact-inner p:last-child{color:#fff1dc;max-width:380px;margin:13px 0 0;font-size:14px;line-height:1.6}.contact-unavailable span{color:#ffe4cc;margin-top:9px;font-size:11px;display:block}.site-footer{color:#fff8ea;background:#2f241d;padding:33px 0 165px}.footer-inner{align-items:center;gap:13px;display:grid}.brand-footer .brand-name{color:#fff8ea}.footer-inner p{color:#c9b9a6;margin:0;font-size:13px}.footer-inner>a:last-child{font-size:13px;font-weight:800}.footer-bottom{color:#aa9785;border-top:1px solid #604e40;justify-content:space-between;gap:15px;margin-top:34px;padding-top:20px;font-size:11px;display:flex}.bottom-actions{z-index:18;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));background:#fff8ea;border:1px solid #e5d8bd;border-radius:17px;grid-template-columns:58px minmax(0,1fr);gap:9px;width:min(100% - 20px,560px);padding:10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #30201230}.bottom-actions>*{text-align:center;border:1.5px solid #4b210f;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:52px;font-size:13px;font-weight:800;display:flex}.bottom-actions svg{flex:none;width:21px;height:21px}.bottom-cart{color:#4b210f;background:#ffe7ac;position:relative}.bottom-cart svg{width:23px;height:23px}.bottom-buy{color:#fff8ea;background:#df5627}.bottom-shopee{color:#4b210f;background:#fff0d1;grid-column:1/-1}.bottom-shopee svg{color:#ed5922}.bottom-cart:not(:disabled):hover,.bottom-shopee:not(:disabled):hover{background:#f6d643}.bottom-buy:not(:disabled):hover{background:#bd461f}.bottom-actions>:disabled{opacity:.55}.bottom-cart-count{color:#fff8ea;background:#df5627;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 3px;font:900 10px/1 Outfit,sans-serif;display:grid;position:absolute;top:3px;right:3px}.bottom-cart-count[hidden]{display:none}.cart-dialog{color:#2c211b;background:0 0;border:0;width:100%;max-width:none;max-height:none;margin:0;padding:0;inset:auto 0 0;overflow:visible}.cart-dialog::backdrop{backdrop-filter:blur(3px);background:#20170fb3}.cart-panel{background:#fffaf0;border-radius:22px 22px 0 0;flex-direction:column;max-height:min(88dvh,900px);display:flex;box-shadow:0 -12px 60px #0003}.cart-panel:before{content:"";background:#d7c6ad;border-radius:99px;width:42px;height:5px;margin:10px auto 0}.cart-header{border-bottom:1px solid #eadcc5;justify-content:space-between;align-items:center;padding:21px 22px 16px;display:flex}.cart-header .section-kicker{margin-bottom:3px}.cart-header h2{letter-spacing:-.05em;margin:0;font-size:31px}.cart-header h2 span{color:#ed5922}.cart-close{background:0 0;border:1px solid #e6d7c0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:29px;line-height:1;display:grid}.cart-list{flex:1;min-height:170px;padding:7px 22px;overflow-y:auto}.cart-empty{text-align:center;padding:30px 15px}.cart-empty>span{color:#ed5922;font-size:46px;line-height:1;display:block}.cart-empty h3{margin:10px 0 5px;font-size:22px}.cart-empty p{color:#806d59;font-size:13px}.cart-item{border-bottom:1px solid #e7dac6;gap:13px;padding:15px 0;display:flex}.cart-item img{object-fit:cover;border-radius:10px;width:76px;height:76px}.cart-item-details{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.cart-item-details strong{font:800 17px Outfit,sans-serif}.cart-item-details>span{color:#87715e;margin-top:2px;font-size:11px}.quantity-controls{border:1px solid #dfcfb5;border-radius:8px;align-items:center;gap:0;margin-top:9px;display:flex;overflow:hidden}.quantity-controls button{background:#f5ead9;border:0;width:36px;height:32px;font-size:18px}.quantity-controls button:disabled{opacity:.4}.quantity-controls span{text-align:center;min-width:32px;font-size:13px;font-weight:800}.cart-footer{padding:17px 22px calc(20px + env(safe-area-inset-bottom));background:#fffaf0;border-top:1px solid #eadcc5}.cart-footer>p:first-child{color:#806d59;margin:0 0 12px;font-size:11px;line-height:1.5}.checkout-button{width:100%}.cart-disabled-note{text-align:center;color:#8c735e;min-height:14px;margin:8px 0 0;font-size:11px}@media (width>=650px){.shell{width:min(100% - 64px,1180px)}.desktop-nav{display:flex}.header-cart{padding-inline:15px}.header-cart>span:not(.cart-bubble){display:inline}.hero{grid-template-columns:1fr .9fr;gap:35px;padding-block:85px 90px}.hero h1{font-size:clamp(68px,7.5vw,118px)}.hero-visual{padding-left:0}.section-heading{grid-template-columns:1fr 280px;align-items:end}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-layout{grid-template-columns:1fr 1fr;gap:70px}.contact-inner{grid-template-columns:1fr auto}.footer-inner{justify-content:space-between;display:flex}.site-footer{padding-bottom:165px}.cart-dialog{width:min(100%,450px);height:100%;margin:0;inset:0 0 0 auto}.cart-panel{border-radius:22px 0 0 22px;height:100%;max-height:none}.cart-panel:before{display:none}}@media (width>=980px){.hero{gap:70px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image-wrap{aspect-ratio:1.05}.product-info{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding-block:60px;display:flex}.not-found-number{letter-spacing:-.1em;color:#ed5922;margin:45px 0 0;font:900 clamp(72px,19vw,170px)/1 Outfit,sans-serif}.not-found h1{letter-spacing:-.07em;margin:8px 0 16px;font-size:clamp(42px,8vw,82px);line-height:1.02}.not-found>p:not(.not-found-number){color:#6e5c4c;max-width:390px;margin-bottom:27px;line-height:1.6}@media (width<=360px){.hero h1{font-size:50px}.bottom-actions>*{font-size:11px}.brand-name{font-size:14px}}