:root{--green-deep: #1e5b3f;--green: #2e7d54;--green-light: #e8f3ec;--sand: #faf6ee;--sand-deep: #efe6d4;--wood: #b98a5a;--terracotta: #c76a3a;--text: #2b2b2b;--text-dim: #6b6b6b;--white: #fff;--radius: 20px;--shadow: 0 10px 30px rgba(30, 91, 63, .1);--maxw: 960px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--sand);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.bg-leaf{position:fixed;z-index:0;opacity:.06;pointer-events:none}.bg-leaf.tl{top:-30px;left:-40px;width:220px;transform:rotate(20deg)}.bg-leaf.br{bottom:-40px;right:-40px;width:260px;transform:rotate(-140deg)}.bg-leaf.mid{top:35%;left:-60px;width:160px;transform:rotate(70deg)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:1}.hero{text-align:center;padding:60px 20px 40px;position:relative}.hero .kicker{letter-spacing:3px;text-transform:uppercase;font-size:.8rem;color:var(--green);font-weight:700;margin-bottom:14px}.hero h1{font-size:3rem;font-weight:800;color:var(--green-deep);line-height:1.1;letter-spacing:-.5px}.hero h1 span.amp{color:var(--terracotta)}.hero .tagline{font-size:1.15rem;color:var(--text-dim);max-width:480px;margin:18px auto 30px}.hero .monstera{width:130px;margin:0 auto 8px;opacity:.9}.candi-row{display:flex;justify-content:center;align-items:flex-end;gap:26px;margin:26px 0 6px;opacity:.55}.candi-row svg{height:56px;width:auto}.wave-divider{display:block;width:100%;max-width:260px;margin:30px auto 0;opacity:.35}.wave-divider path{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round}section.alt{background:var(--green-light);border-radius:var(--radius);margin:0 22px}section.alt .section-title{padding-top:40px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:50px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn-wa{background:#25d366;color:#fff;box-shadow:0 8px 20px #25d36659}.btn-wa:hover{transform:translateY(-2px);box-shadow:0 12px 24px #25d36666}.btn-wa svg{width:20px;height:20px;fill:#fff}section{padding:56px 0}.section-label{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--green);font-weight:700;font-size:.8rem;margin-bottom:8px}.section-title{text-align:center;font-size:2.2rem;color:var(--green-deep);font-weight:800;margin-bottom:12px;letter-spacing:-.3px}.section-sub{text-align:center;color:var(--text-dim);max-width:560px;margin:0 auto 36px}.about{background:var(--green-light);border-radius:var(--radius);padding:40px 30px}.about .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:10px}.about .card{background:var(--white);border-radius:16px;padding:22px 18px;text-align:center;box-shadow:var(--shadow)}.about .card .lbl{color:var(--green);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px}.about .card .val{font-size:1.05rem;color:var(--text);margin-top:6px}.menu-category-title{font-size:1.6rem;color:var(--green-deep);font-weight:800;margin:40px 0 18px;display:flex;align-items:center;gap:12px}.menu-category-title .rule{flex:1;height:2px;background:var(--sand-deep)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.dish{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease}.dish:hover{transform:translateY(-4px)}.dish .img{height:170px;background:var(--green-light);background-size:cover;background-position:center}.dish .img.ph{display:flex;align-items:center;justify-content:center;color:var(--green);font-size:.9rem;opacity:.8}.dish .body{padding:18px 18px 20px}.dish .name{font-weight:800;font-size:1.15rem;color:var(--green-deep)}.dish .desc{font-size:.92rem;color:var(--text-dim);margin-top:6px}.dish .unit{font-size:.8rem;color:var(--text-dim);margin-top:8px}.dish .cheese-option{font-size:.82rem;color:var(--terracotta);font-weight:700;margin-top:8px}.dish .row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.dish .price{font-weight:800;color:var(--terracotta);font-size:1.1rem}.dish .order{color:var(--green);font-weight:700;font-size:.9rem;text-decoration:none}.dish .order:hover{text-decoration:underline}.howto{background:var(--green-deep);border-radius:var(--radius);color:var(--white);padding:44px 30px}.howto .section-title{color:var(--white)}.howto .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:26px}.howto .step{text-align:center;padding:20px 14px}.howto .step .num{width:42px;height:42px;margin:0 auto 12px;background:var(--terracotta);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.howto .step .t{font-weight:700}.howto .step .d{font-size:.9rem;opacity:.9;margin-top:4px}.howto .deliver-zone{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);font-size:.95rem;opacity:.95}.howto .deliver-zone b{color:#a8e6c1}footer{text-align:center;padding:46px 20px 60px;color:var(--text-dim);font-size:.9rem}footer .big-wa{font-size:1.15rem;font-weight:700;color:var(--green-deep);margin-bottom:10px}footer .bottom{margin-top:18px;opacity:.8;font-size:.82rem}.float-wa{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #25d36673;z-index:50}.float-wa svg{width:30px;height:30px;fill:#fff}.dish .img{cursor:pointer}.lightbox{position:fixed;inset:0;background:#101810eb;display:none;align-items:center;justify-content:center;z-index:100}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:82vh;border-radius:12px;box-shadow:0 20px 60px #00000080}.lb-close{position:absolute;top:18px;right:24px;background:none;border:none;color:#fff;font-size:3rem;line-height:1;cursor:pointer;opacity:.9}.lb-close:hover{opacity:1}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:2.2rem;display:none;align-items:center;justify-content:center;cursor:pointer}.lb-nav:hover{background:#ffffff4d}.lb-prev{left:20px}.lb-next{right:20px}.lb-cap{position:absolute;bottom:22px;left:50%;transform:translate(-50%);color:#ddd;font-size:.95rem;letter-spacing:1px}@media(max-width:640px){.lb-prev{left:10px}.lb-next{right:10px}}@media(max-width:640px){.hero h1{font-size:2.2rem}.section-title{font-size:1.8rem}.hero{padding:42px 16px 30px}section{padding:44px 0}}