@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--green:#12a150;--dark:#10251a;--muted:#66756d;--cream:#f7faf6}*{box-sizing:border-box}body{font-family:'DM Sans',sans-serif;color:var(--dark);background:#fff}.brand{font-size:1.7rem;font-weight:800;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:34px;height:34px;border-radius:10px;margin-right:3px}.navbar{padding:14px 0}.nav-link{font-weight:600;color:#34433a}.btn-success{background:var(--green);border-color:var(--green)}.cart-badge{position:absolute;top:-5px;right:-7px}.hero{background:radial-gradient(circle at 90% 15%,#dcf7e7 0,transparent 34%),linear-gradient(120deg,#fbfdf9,#f0f9f2);overflow:hidden}.min-vh-75{min-height:75vh}.eyebrow{display:inline-flex;gap:7px;align-items:center;color:var(--green);font-size:.77rem;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.hero h1{font-size:clamp(3.2rem,6vw,5.5rem);line-height:.97;letter-spacing:-4px;font-weight:800}.hero h1 span{color:var(--green)}.hero .lead{max-width:570px;margin:25px 0;font-size:1.2rem}.location-box,.search-wide{display:flex;align-items:center;gap:12px;background:#fff;padding:8px 8px 8px 18px;border:1px solid #dfe8e1;border-radius:16px;box-shadow:0 12px 30px #1b613814}.location-box input,.search-wide input,.route-input input{border:0;outline:0;flex:1;min-width:0}.hero-art{height:520px;position:relative;display:grid;place-items:center}.phone{width:260px;height:490px;background:#fff;border:10px solid #16291f;border-radius:38px;text-align:left;padding:30px 20px;box-shadow:0 30px 60px #133b2540;transform:rotate(4deg);position:relative;z-index:2}.phone-top{position:absolute;top:9px;left:95px;width:55px;height:7px;border-radius:8px;background:#16291f}.app-logo{background:var(--green);color:#fff;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-weight:800;margin-bottom:30px}.phone small{display:block;color:var(--muted)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.mini-grid span{font-size:1.5rem;text-align:center;background:#f5faf6;border-radius:12px;padding:10px 3px}.mini-grid small{font-size:.65rem}.mini-banner{background:#dff7e8;border-radius:14px;padding:17px;color:#167442}.orbit{position:absolute;width:80px;height:80px;display:grid;place-items:center;background:#fff;border-radius:25px;font-size:2.2rem;box-shadow:0 15px 40px #0c492425;z-index:3}.o1{left:4%;top:14%}.o2{right:2%;top:25%}.o3{left:7%;bottom:12%}.section-title{font-size:2.4rem;font-weight:800;letter-spacing:-1.5px}.service-card{display:block;text-decoration:none;color:inherit;border:1px solid #e2e9e4;border-radius:24px;padding:28px;min-height:340px;transition:.25s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1b49251c}.service-icon{height:120px;display:grid;place-items:center;font-size:5rem;margin-bottom:18px}.service-card .badge{color:inherit;background:#ffffffb5;border:1px solid #dbe3dd}.service-card h3{font-weight:800;margin:14px 0}.service-card b{color:var(--green)}.service-card.food{background:#fff6e9}.service-card.ride{background:#eaf8ee}.service-card.market{background:#edf0ff}.promo-section{background:#f7faf6}.voucher{min-height:210px;border-radius:24px;padding:25px;color:#fff;display:flex;flex-direction:column;box-shadow:0 15px 25px #123a2220}.voucher.green{background:linear-gradient(145deg,#169e50,#087238)}.voucher.orange{background:linear-gradient(145deg,#ff8c37,#e84e1e)}.voucher b{font-size:1.55rem;margin:12px 0 2px}.voucher code{background:#fff;color:#333;padding:8px 12px;border-radius:8px;align-self:flex-start;margin-top:auto}footer a{display:block;color:#ffffff99;text-decoration:none;margin:9px 0}.catalog-head{background:#eef8f0}.catalog-head.market{background:#eef0ff}.catalog-head h1{font-size:3.3rem;font-weight:800;letter-spacing:-2px}.search-wide{max-width:600px;margin-top:25px}.product-card{border:1px solid #e1e8e3;border-radius:20px;overflow:hidden;height:100%;transition:.2s}.product-card:hover{box-shadow:0 14px 35px #163b221c;transform:translateY(-3px)}.product-img{height:190px;display:grid;place-items:center;position:relative}.product-img span{font-size:5rem}.product-img>button{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;background:#fff;border-radius:50%}.product-card h5{font-weight:700;margin:5px 0;min-height:48px}.price{color:#0c8540}.ride-page{background:#f2f7f3}.booking-card{background:#fff;border-radius:25px;padding:30px;box-shadow:0 16px 45px #173c2420}.booking-card label:not(.ride-option){font-size:.75rem;font-weight:700;color:#68756d}.route-input{display:flex;gap:10px;align-items:center;border:1px solid #dfe5e1;border-radius:12px;padding:13px;margin-top:5px}.route-line{height:13px;border-left:2px dotted #b8c6bc;margin-left:20px}.ride-option{display:flex;align-items:center;gap:12px;border:1px solid #dfe5e1;padding:12px;border-radius:14px;margin-top:10px;cursor:pointer}.ride-option:has(input:checked){border:2px solid var(--green);background:#f0faf4}.ride-option span:nth-child(3){flex:1}.ride-option small{display:block;color:var(--muted)}.ride-emoji{font-size:2rem}.map{height:620px;background:linear-gradient(35deg,#dcebd9 25%,transparent 25%) 0 0/70px 70px,#e9f1e7;border-radius:25px;position:relative;overflow:hidden}.road{position:absolute;background:#fff;border:1px solid #dce3dc}.r1{width:850px;height:75px;transform:rotate(-30deg);top:250px;left:-100px}.r2{width:700px;height:60px;transform:rotate(55deg);top:250px;left:20px}.r3{width:800px;height:45px;top:100px;left:-60px}.map-pin,.driver-marker{position:absolute;z-index:2;font-size:2.5rem}.start{top:110px;left:24%;color:var(--green)}.end{right:22%;top:350px;color:#e64d3a}.driver-marker{top:250px;left:48%}.map-info{position:absolute;z-index:3;bottom:20px;left:20px;right:20px;background:#fff;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #193c2520}.map-info div{flex:1}.map-info small{display:block}.avatar{background:#dff5e7;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-weight:700}.empty-state{text-align:center;border:1px dashed #ccd8cf;border-radius:20px;padding:60px}.empty-state>span{font-size:4rem}.cart-item,.order-history{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5ebe7;padding:18px 0}.cart-thumb{width:85px;height:85px;border-radius:15px;display:grid;place-items:center;font-size:2.8rem}.qty{display:flex;align-items:center;gap:12px}.qty button{border:1px solid #d5ded7;background:#fff;border-radius:50%;width:30px;height:30px}.summary-card,.order-card{border:1px solid #dfe6e1;border-radius:20px;padding:25px;box-shadow:0 12px 30px #14351f12}.summary-card>div{display:flex;justify-content:space-between;margin:16px 0}.summary-card .total{font-size:1.2rem}.tracking{display:flex;margin:35px 0}.tracking span{flex:1;text-align:center;position:relative;color:#9aa69e}.tracking span:before{content:'';height:3px;background:#dfe5e1;position:absolute;left:-50%;right:50%;top:13px;z-index:-1}.tracking span:first-child:before{display:none}.tracking i{display:grid;place-items:center;margin:auto;width:28px;height:28px;background:#e8ece9;border-radius:50%}.tracking small{display:block;margin-top:8px}.tracking .done,.tracking .active{color:var(--green)}.tracking .done i,.tracking .active i{background:var(--green);color:#fff}.tracking .done:before,.tracking .active:before{background:var(--green)}.order-history div{flex:1}.order-history div small{display:block;color:var(--muted)}.order-history>span{font-size:2rem}@media(max-width:767px){.hero h1{letter-spacing:-2px}.hero-art{height:480px}.orbit{display:none}.section-title{font-size:2rem}.catalog-head h1{font-size:2.5rem}.map{height:400px}.tracking small{font-size:.6rem}.order-history{flex-wrap:wrap}}