:root{--green:#126b45;--green-dark:#0b3f2c;--green-light:#e7f5ed;--gold:#f4b942;--ink:#18231d;--muted:#68756d;--cream:#fbfaf6;--line:#e6ebe7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}.app-nav{background:var(--green-dark);box-shadow:0 5px 20px #092c1b20}.navbar-brand{letter-spacing:-.5px}.brand-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--gold);color:var(--green-dark);margin-right:6px}.brand-country{color:#bfe9ce;font-weight:500}.nav-link{color:#e8f5ec!important}.btn-brand{background:var(--green);color:#fff;border:1px solid var(--green);font-weight:700;border-radius:12px;padding:.75rem 1.1rem}.btn-brand:hover{background:var(--green-dark);color:#fff}.hero-section{background:radial-gradient(circle at 80% 10%,#267d50 0,#126b45 35%,#0b3f2c 100%);color:#fff;padding:78px 0 82px;overflow:hidden}.eyebrow,.section-kicker{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:1.5px;color:var(--gold);margin-bottom:13px}.eyebrow{border:1px solid #ffffff38;border-radius:30px;padding:9px 14px;letter-spacing:.4px;color:#e5f7eb}.hero-section h1{font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.03;font-weight:850;letter-spacing:-2px;max-width:700px}.hero-section h1 span{color:var(--gold)}.hero-copy{font-size:1.13rem;line-height:1.7;color:#dceee3;max-width:610px;margin:22px 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn-outline-light{border-radius:12px;font-weight:650;padding:.75rem 1.1rem}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#d9f0e2;font-size:.87rem}.hero-points i{color:var(--gold);margin-right:6px}.hero-card{position:relative;background:#fff;color:var(--ink);border-radius:28px;padding:34px;max-width:420px;margin:auto;box-shadow:0 25px 65px #052b1d55;transform:rotate(2deg)}.hero-food-icon{width:86px;height:86px;border-radius:26px;background:#fff2cf;color:#c78608;display:grid;place-items:center;font-size:2.5rem;margin-bottom:26px}.hero-card-label{font-size:.8rem;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:1px}.hero-card h3{font-weight:850;font-size:2rem;margin:9px 0}.hero-card p{color:var(--muted);line-height:1.6}.hero-card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;color:var(--green);font-weight:700}.section-pad{padding:78px 0}.section-heading h2{font-size:clamp(2rem,3.4vw,3rem);font-weight:850;letter-spacing:-1px;margin-bottom:10px}.section-heading p{color:var(--muted);margin-bottom:0}.section-kicker{color:var(--green);margin-bottom:9px}.menu-tools{width:min(100%,360px)}.search-box{border:1px solid var(--line);border-radius:12px;overflow:hidden}.search-box .input-group-text,.search-box .form-control{background:#fff;border:0;padding:12px}.search-box .input-group-text{color:var(--green)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.filter-chip{border:1px solid var(--line);background:#fff;padding:9px 16px;border-radius:30px;color:#4e5d53;font-weight:650}.filter-chip.active,.filter-chip:hover{background:var(--green);border-color:var(--green);color:#fff}.food-card{height:100%;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.22s;background:#fff}.food-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #163d2512}.food-image{height:190px;background:linear-gradient(135deg,#e8f3eb,#fff3d8);display:grid;place-items:center;overflow:hidden;position:relative}.food-image img{height:100%;width:100%;object-fit:cover}.food-image .placeholder-icon{font-size:3rem;color:#77a58a}.category-tag{position:absolute;top:13px;left:13px;background:#fffef0eF;border-radius:20px;padding:6px 10px;font-size:.7rem;font-weight:800;color:var(--green-dark)}.food-card-body{padding:18px}.food-card-body h3{font-size:1.12rem;font-weight:800;margin:0 0 6px}.food-vendor{font-size:.84rem;color:var(--muted);margin-bottom:9px}.food-description{font-size:.88rem;color:#68756d;min-height:40px}.food-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.food-price{font-size:1.15rem;font-weight:850;color:var(--green)}.add-button{border:0;background:var(--green-light);color:var(--green);border-radius:11px;padding:9px 12px;font-weight:800}.add-button:hover{background:var(--green);color:#fff}.loading-state,.empty-state{text-align:center;padding:55px 10px;color:var(--muted)}.empty-state i{font-size:2.7rem;color:#aacbb7;margin-bottom:15px}.how-section{background:var(--cream)}.text-center.section-heading{max-width:700px;margin:auto}.step-card{height:100%;position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;overflow:hidden}.step-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--green-light);color:var(--green);font-size:1.5rem;margin-bottom:25px}.step-number{position:absolute;right:20px;top:20px;font-size:2.5rem;color:#edf3ee;font-weight:900}.step-card h4{font-weight:850}.step-card p{color:var(--muted);line-height:1.6;margin:0}.vendor-section{background:#fff}.vendor-panel{background:#f0f7f1;border-radius:28px;padding:clamp(22px,4vw,48px);margin:0}.vendor-panel h2{font-size:clamp(2rem,3vw,2.8rem);font-weight:850;letter-spacing:-1px}.vendor-panel p{color:#596a5e;line-height:1.75}.vendor-benefits{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:.9rem;font-weight:700}.vendor-benefits i{color:var(--green);margin-right:6px}.vendor-form{background:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 30px #16492b0c}.vendor-form h4{font-weight:850;margin-bottom:20px}.form-control,.form-select{border-radius:10px;border-color:#dce5de;padding:.72rem .8rem}.form-control:focus,.form-select:focus{border-color:#72b68b;box-shadow:0 0 0 .2rem #126b4518}.form-label{font-weight:700;font-size:.88rem}.form-text{color:var(--muted);font-size:.78rem}.app-footer{background:#092f20;color:#c8dfd0;padding:28px 0}.footer-brand{color:#fff;text-decoration:none;font-weight:850;font-size:1.05rem}.app-footer p{font-size:.85rem;color:#a9c5b4;margin-top:6px}.footer-credit{font-size:.84rem}.footer-credit strong{color:#fff}.cart-backdrop{position:fixed;inset:0;background:#071b11a6;z-index:1040}.cart-drawer{position:fixed;z-index:1050;right:0;top:0;height:100dvh;width:min(100%,470px);background:#fff;box-shadow:-15px 0 50px #0002;transform:translateX(110%);transition:transform .25s ease;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;border-bottom:1px solid var(--line)}.cart-header h3{font-weight:850;margin:0}.icon-button{border:0;background:#f0f5f1;width:40px;height:40px;border-radius:12px}.cart-items{padding:15px 24px;overflow:auto;flex:1}.cart-empty{text-align:center;color:var(--muted);padding:40px 10px}.cart-empty i{font-size:2.5rem;color:#b6d4c0;display:block;margin-bottom:12px}.cart-line{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-line-img{width:65px;height:65px;border-radius:12px;object-fit:cover;background:#edf5ef}.cart-line-main{flex:1}.cart-line-title{font-weight:800}.cart-line-vendor{font-size:.8rem;color:var(--muted)}.qty-controls{display:flex;align-items:center;gap:10px;margin-top:8px}.qty-controls button{width:27px;height:27px;border:1px solid var(--line);background:#fff;border-radius:8px}.cart-line-price{font-weight:800;white-space:nowrap}.cart-checkout{padding:20px 24px;border-top:1px solid var(--line);max-height:60%;overflow:auto}.btn-whatsapp{background:#168a4a;color:#fff;border:0;border-radius:12px;font-weight:800}.btn-whatsapp:hover{background:#0e713a;color:#fff}.modal-content{border:0;border-radius:20px;overflow:hidden}.modal-header{background:#f2f8f3;padding:20px 24px}.modal-title{font-weight:850}.admin-product-form{background:#f8faf8;padding:20px;border-radius:15px}.admin-thumb{width:48px;height:48px;object-fit:cover;border-radius:9px;background:#edf4ee}.admin-actions{display:flex;gap:6px}.toast{border:1px solid var(--line);border-radius:13px;overflow:hidden}@media(max-width:767px){.hero-section{padding:55px 0}.hero-card{margin-top:10px;transform:none;padding:25px}.section-pad{padding:58px 0}.hero-points{gap:11px;flex-direction:column}.food-image{height:175px}.cart-checkout{max-height:65%}.vendor-panel{border-radius:20px}}