@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-text-color: #49557e;--primary-color: #118866;--primary-color-dark: #0c5f47;--primary-color-medium: #0e6d52}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,Inter,sans-serif;scroll-behavior:smooth}body{min-height:100vh}.app{width:90%;max-width:1200px;margin:6rem auto;min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer}ul{list-style-type:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.micro-toast{position:relative;overflow:hidden;min-height:24px;padding:4px 10px;font-size:15px;line-height:1.2;border-radius:6px;background:#1f1f1f;color:#fff;height:48px}.micro-toast:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;animation:microProgress 3s linear forwards}.micro-toast.success:after{background:#22c55e}.micro-toast.error:after{background:#ef4444}@keyframes microProgress{0%{width:100%}to{width:0%}}@media(max-width:1024px){.app{margin:4rem auto}}@media(max-width:768px){.app{margin:2rem auto;width:95%}}.navbar{padding:.8rem 0rem;height:4.8rem;display:flex;justify-content:space-evenly;align-items:center;top:0;position:fixed;background-color:#fff;z-index:1000;width:100%;box-shadow:.3px .1px .8px #fffffff2;transition:background-color .3s ease,box-shadow .3s ease}.navbar .logo{width:9.375rem}.navbar-menu{display:flex;gap:1.75rem;font-size:1.125rem;color:#badfdb}.navbar-right{display:flex;gap:2.5rem;align-items:center;position:relative}.navbar .signin{background:transparent;width:7rem;font-size:1rem;border:.0625rem solid var(--primary-color);padding:.625rem 1.875rem;border-radius:3.125rem;transition:.3s ease-in-out;background-color:var(--primary-color);color:#fff;cursor:pointer}.navbar button:hover{background-color:var(--primary-color-medium)}.navbar-menu a{position:relative;color:var(--primary-text-color);color:#5d866c;padding:.1rem;text-decoration:none}.navbar-menu a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:0%;height:.125rem;background-color:var(--primary-color);transition:width .3s ease}.navbar-menu a.active:after{width:100%}.search-container{position:relative;width:14.625rem}.search-container input{width:100%;padding:.5rem .75rem .75rem 2.5rem;border-radius:3.125rem;border:.0625rem solid #ccc;outline:none;font-size:1rem}.search-container input:focus{outline:none}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#888}.navbar-basket-icon{position:relative;cursor:pointer}.cart-count{position:absolute;top:-6px;right:-8px;background:red;color:#fff;font-size:12px;min-width:18px;height:18px;padding:0 5px;border-radius:50px;display:flex;align-items:center;justify-content:center;font-weight:700}#home,#explore-menu,#app-download,#footer{scroll-margin-top:6rem}.hamburger{display:none;font-size:1.8rem;background:none;border:none;cursor:pointer;color:var(--primary-color);z-index:1100;position:relative}@media(max-width:1024px){.navbar{padding:.6rem 1rem;height:4.2rem}.navbar-menu{gap:1rem;font-size:1rem}.navbar-right{gap:1.5rem}.search-container{width:11rem}.navbar .signin{padding:.5rem 1.5rem;font-size:.9rem;border-radius:2.5rem}.search-container input{width:92%;height:2.2rem}.navbar .logo{width:8.5rem}}@media(max-width:768px){.navbar{justify-content:space-between;z-index:1102}.navbar-menu{flex-direction:column;position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#fff;padding:5rem 2rem;gap:2rem;transition:right .4s ease;box-shadow:-5px 0 20px #00000014;z-index:1100}.navbar-menu.open{right:0}.navbar-right{margin-left:0}.search-container{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;z-index:1050}.hamburger{display:block;font-size:1.6rem}}@media(max-width:425px){.navbar .navbar-right .search-container{display:none}.navbar .logo{width:7.5rem}.navbar-right{margin-left:0}.navbar-menu{width:90%;height:100%}.navbar-basket-icon img{width:1.5rem}.navbar .search-container{display:none}.navbar-right .signin{width:7rem}}.logo{width:10rem;cursor:pointer}.header{margin:6rem .1rem;padding:0% 6%;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:75vh;gap:2rem;background-color:#f9f8f6;border-radius:.9375rem;box-shadow:0 3px 3px #0000001f;position:relative;width:100%}.header-contents{display:flex;flex-direction:column;gap:2rem;max-width:45rem;width:100%;animation:fadeIn 1.5s ease;margin-bottom:4rem}.header-contents h2{font-weight:700;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.header-contents span{color:var(--primary-color)}.header-contents p{font-size:1.1rem;line-height:1.6;max-width:90%}.header-contents button{width:12rem;border:none;color:#fff;border-radius:3.125rem;font-size:1.125rem;padding:.75rem 1.8rem;background-color:var(--primary-color);cursor:pointer;transition:.3s ease;z-index:3}.header-contents button:hover{background-color:var(--primary-color-dark);transform:translateY(-3px)}.header-image{display:flex;justify-content:center}.header-image img{width:100%;max-width:500px;z-index:2}.header-image:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:#f4f0e4;z-index:1;clip-path:polygon(100% 0%,100% 100%,50% 100%,0% 100%)}@media(max-width:1024px){.header{grid-template-columns:1fr 1fr;padding:0 5%}.header-contents h2{font-size:clamp(1.9rem,3.5vw,2.8rem);margin-top:2rem;z-index:5}.header-image img{max-width:420px}.header-contents p{max-width:100%}}@media(max-width:768px){.header{grid-template-columns:1fr;text-align:center;padding:8% 6%;width:100%}.header-contents{align-items:center;margin-bottom:2rem}.header-contents p{max-width:100%;z-index:3}.header-image img{max-width:380px}.header-image:before{width:100%;clip-path:polygon(102% 3%,121% 69%,51% 100%,-55% 100%);z-index:1}}@media(max-width:425px){.header{margin:5rem .0625rem;padding:10% 5%;grid-template-columns:1fr;gap:1.5rem;min-height:auto;text-align:center;width:22rem}.header-contents{align-items:center;gap:1.2rem;margin-bottom:1.5rem;max-width:100%}.header-contents h2{font-size:1.6rem;line-height:1.3}.header-contents p{font-size:.95rem;max-width:100%}.header-contents button{width:100%;font-size:1rem}.header-image img{max-width:260px}.header-image:before{display:none}}@media(max-width:375px){.header{margin:5.5rem .0625rem;padding:12% 4%;grid-template-columns:1fr;gap:1.2rem;min-height:auto;text-align:center}.header-contents{align-items:center;gap:1rem;margin-bottom:1.2rem;max-width:100%}.header-contents h2{font-size:1.4rem;line-height:1.3}.header-contents p{font-size:.85rem;line-height:1.4;max-width:100%}.header-contents button{width:50%;font-size:.9rem;padding:.6rem 1.2rem}.header-image img{width:100%;max-width:200px}.header-image:before{display:none}}.explore-menu{display:flex;flex-direction:column;gap:1.25rem;margin-top:4rem}.explore-menu-text{max-width:70%;color:#000}.explore-menu-list{display:flex;gap:1.7rem;text-align:center;margin:1.25rem 0;overflow-x:scroll;scroll-behavior:smooth;padding-bottom:.5rem}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item{flex:0 0 auto}.explore-menu-list-item img{width:110px;height:110px;object-fit:cover;border-radius:50%;border:.3rem solid transparent;padding:.125rem;transition:.3s ease;cursor:pointer}.explore-menu-list-item .active{border:.25rem solid tomato}.explore-menu-list-item p{margin-top:.625rem;color:#747474;font-size:1.1rem;cursor:pointer}@media(max-width:768px){.explore-menu-text{max-width:100%;font-size:.95rem}.explore-menu-list-item img{width:75px;height:75px}}.food-display{margin-top:1.875rem}.food-display h2{font-size:max(2vw,1.5rem);font-weight:600}.food-display-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:1.875rem;gap:3rem}@media(max-width:1024px){.food-display-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.food-display-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.food-display-list{grid-template-columns:1fr}}.food-item{width:100%;margin:auto;border-radius:.9375rem;box-shadow:0 0 .625rem #00000015;transition:.3s;animation:fadeIn 1s}.food-item-image{width:100%;border-radius:.9375rem .9375rem 0rem 0rem}.food-item-info{padding:1.25rem}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.food-item-name-rating p{font-size:1rem;font-weight:600}.food-item-name-rating img{width:4.375rem}.food-item-desc{color:#676767;font-size:.9375rem}.food-item-price{color:tomato;font-size:1.375rem;font-weight:500;margin-top:.625rem}.food-item-image-container{position:relative}.food-item-image-container .add{width:2.1875rem;position:absolute;right:.5rem;bottom:.5rem;cursor:pointer;border-radius:50%}.food-item-counter{position:absolute;right:.5rem;bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.25rem;border-radius:3.125rem;background-color:#fff;width:6.3rem}.food-item-counter p{width:.625rem;font-weight:500}.food-item-counter img{width:1.875rem}.star-rating-container{display:flex;align-items:center;gap:6px}.star-full,.star-half{color:#ffc107}.empty{color:#e4e5e9}.star-no{margin-left:8px;font-size:.875rem}.app-download{margin:auto;margin-top:6.25rem;font-size:max(3vw,20px);text-align:center;font-weight:500}.app-download p{margin-bottom:3rem}.app-download-platform{display:flex;justify-content:center;gap:max(2vw,20px)}.app-download-platform img{width:max(30vw,7.5rem);max-width:11.25rem;transition:.5s;cursor:pointer}.app-download-platform img:hover{transform:scale(1.05)}.top-rated-section{margin:40px 0}.top-rated-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.top-card{width:8.25rem;background:#fff;border-radius:10px;padding:10px;box-shadow:0 4px 12px #00000014;flex-shrink:0;position:relative}.top-card img{width:100%;border-radius:8px}.rating{font-size:12px;color:#22c55e}.top-card h4{font-size:.8rem}.add-btn-container{position:absolute;bottom:.8rem;right:.8rem}.add-btn{width:22px;height:22px;border-radius:50%;border:none;background:#22c55e;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;padding-left:5px;box-shadow:0 3px 8px #0003}.quantity-box{display:flex;align-items:center;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 3px 8px #0003}.quantity-box button{border:none;background:#22c55e;color:#fff;padding:2px 8px;cursor:pointer}.quantity-box span{padding:0 8px;font-size:13px;width:23px}.footer{margin-top:6rem;width:100%;background:#323232;background:#183b4e;color:#fff;padding:4rem 8%;box-sizing:border-box;font-family:Poppins,sans-serif}.footer-content{display:flex;justify-content:space-between;gap:4rem;flex-wrap:wrap}.footer-content-left,.footer-content-center,.footer-content-right{flex:1;min-width:15rem}.footer-content-left p{font-size:.9rem;line-height:1.7;color:#ccc;max-width:22rem}.footer-social-icon{margin-top:1.5rem;display:flex;gap:1rem}.footer-social-icon img{width:2.2rem;cursor:pointer;transition:.3s ease}.footer-social-icon img:hover{transform:scale(1.1);opacity:.8}.footer-content-center h2,.footer-content-right h2{margin-bottom:1.2rem;font-size:1.2rem;font-weight:600}.footer-content-center ul,.footer-content-right ul{list-style:none;padding:0;margin:0}.footer-content-center li,.footer-content-right li{margin-bottom:.8rem;font-size:.9rem;color:#ccc}.footer-link,.footer-contact-link{text-decoration:none;color:#ccc;transition:.3s ease}.footer-link:hover,.footer-contact-link:hover{color:#ff4d4d;padding-left:.3rem}.footer hr{margin:3rem 0 1.5rem;border:none;height:1px;background:#555}.footer-copyright{text-align:center;font-size:.8rem;color:#888;letter-spacing:.03rem}@media(max-width:64rem){.footer-content{gap:3rem}}@media(max-width:48rem){.footer{padding:3rem 6%}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:3rem}.footer-content-left p{max-width:100%}.footer-social-icon{justify-content:center}}@media(max-width:30rem){.footer{padding:2.5rem 4%}.footer-content-center h2,.footer-content-right h2{font-size:1.1rem}}.login{position:fixed;top:0;left:0;width:100%;height:100%;background:#f4f0e4b3;display:flex;justify-content:center;align-items:center;z-index:10000}.login-container{background:#fff;background:#fefbf6;padding:2rem;border-radius:1rem;max-width:25rem;width:90%;box-shadow:0 10px 30px #00000026;position:relative;text-align:center}.login-container h2{margin-bottom:1.5rem;font-weight:600;font-family:Poppins,sans-serif;color:#1b3c53}.login form{display:flex;flex-direction:column;gap:1rem}.login input{padding:.8rem 1rem;border-radius:.5rem;border:1px solid #ddd;font-size:.9rem;outline:none}.login input:focus{border-color:var(--primary-color-medium)}.login button{padding:.8rem;border-radius:2rem;border:none;background:var(--primary-color);color:#fff;font-size:1rem;cursor:pointer;transition:.3s ease}.login button:hover{background:var(--primary-color-dark)}.toggle-text{margin-top:1rem;font-size:.85rem}.toggle-text span{color:#ff4d4d;cursor:pointer;font-weight:500}.terms-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#666}.terms-checkbox input[type=checkbox]{accent-color:var(--primary-color)}.close-btn{width:2rem;height:2rem;position:absolute;top:.3rem;right:.3rem;display:flex;align-items:center;justify-content:center;padding:0!important;background:transparent;border:none;transition:.3s ease}.close{font-size:1.25rem}.close-btn:hover{transform:rotate(90deg)}.cart{margin-top:8rem;margin:8rem 1rem}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:gray;color:#000;font-size:max(1vw,12px)}.cart-items-item{margin:-1px 0;color:#000}.cart-items-item img{margin-top:.1rem;width:50px;border-radius:.1875rem;display:flex;align-items:end}.cart hr{height:1px;background-color:#e2e2e2;border:none}.cart-items-item .cross{display:flex;align-items:center;justify-content:center;font-size:.9rem;width:1.2rem;height:1.2rem;cursor:pointer;color:#fff;margin-left:1.5rem;border-radius:50%;background-color:var(--primary-color)}.cart-items-item .cross:hover{background-color:var(--primary-color-dark)}.cart-promocode .promo-error{color:var(--primary-color-dark);margin-top:2rem;font-weight:500}.promo-code{background-color:#ece7d1;color:var(--primary-color);padding:.125rem .3125rem;border-radius:.1875rem}.item-quantity{margin-left:2rem}.quantity-control{display:flex;align-items:center;gap:12px}.quantity-control button{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:none;background-color:#1a3263;color:#fff;font-size:18px;cursor:pointer;border-radius:50%}.quantity-control span{min-width:20px;text-align:center;font-weight:600}.item-title{color:var(--primary-color-dark);font-weight:500;margin-left:6px}.cart-bottom{margin-top:80px;display:flex;justify-content:space-between;gap:max(12vw,20px)}.cart-total{flex:1;display:flex;flex-direction:column;gap:20px}.cart-total-details{display:flex;justify-content:space-between;color:#555}.cart-total hr{margin:10px 0}.cart-total button{border:none;color:#fff;background-color:var(--primary-color);width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-total button:hover{background-color:var(--primary-color-dark)}button:disabled{opacity:.5;cursor:not-allowed}.cart-promocode{flex:1}.cart-promocode p{color:#555}.cart-promocode-input{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:#eaeaea;border-radius:4px}.cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px}.cart-promocode-input button{width:max(10vw,150px);padding:12px 5px;background-color:#000;border:none;color:#fff;border-radius:4px}@media(max-width:750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}@media(max-width:425px){.cart{margin:6rem 1.2rem 0}.cart-items-title{grid-template-columns:40px 1.5fr 30px 60px 50px 25px;align-items:center;font-size:11px;gap:.5rem}.cart-items-item{display:grid;grid-template-columns:40px 1.5fr 30px 60px 50px 25px;align-items:center;gap:.5rem;margin:5px 0}.cart-items-item img{width:40px;height:40px}.item-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{font-size:12px;text-align:right}.quantity-control{display:flex;justify-content:center;align-items:center;gap:6px;min-width:50px}.quantity-control button{width:20px;height:20px;font-size:12px}.quantity-control span{min-width:11px;font-size:12px;text-align:center}.cart-items-item .cross{width:1.2rem;height:1.2rem;font-size:.7rem;margin-left:0}.cart-bottom{flex-direction:column-reverse;gap:15px}.cart-promocode-input button{width:40%;padding:8px 5px;font-size:12px}}@media(max-width:375px){.cart{margin:5rem 1rem 0}.cart-items-title{grid-template-columns:40px 1.5fr 30px 60px 50px 25px;font-size:11px;gap:.3rem}.cart-items-item{display:grid;grid-template-columns:40px 1.5fr 30px 60px 50px 25px;align-items:center;gap:.3rem;margin:4px 0}.cart-items-item img{width:35px;height:35px}.item-title{font-size:10px;white-space:normal;word-break:break-word;line-height:1.2em}.item-price{font-size:11px;text-align:right}.quantity-control{display:flex;justify-content:center;align-items:center;gap:3px;min-width:45px}.quantity-control button{width:20px;height:20px;font-size:11px}.quantity-control span{min-width:14px;font-size:11px;text-align:center}.cart-items-item .cross{width:1rem;height:1rem;font-size:.6rem;margin-left:0}.cart-bottom{flex-direction:column-reverse;gap:12px}.cart-promocode-input button{width:42%;padding:7px 5px;font-size:11px}}.checkout-container{display:grid;grid-template-columns:2fr 1fr;gap:4rem;padding:1rem 8rem}.checkout-card,.summary-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem}.checkout-card input{width:100%;padding:.9rem;margin-top:1rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem}.checkout-card input:focus{outline:none;border-color:tomato}.row{display:flex;gap:1rem}.payment-option{display:block;margin-top:1rem;cursor:pointer;font-size:.95rem}.summary-item,.price-row{display:flex;justify-content:space-between;margin-top:.8rem;font-size:.95rem}.discount{color:green}.total{font-size:1.2rem;font-weight:700;margin-top:1rem}.place-btn{width:100%;margin-top:1.5rem;padding:1rem;background:var(--primary-color-medium);border:none;color:#fff;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease}.place-btn:hover{background:var(--primary-color-dark);transform:translateY(-2px)}@media(max-width:1024px){.checkout-container{grid-template-columns:1.5fr 1fr;padding:1rem 4rem;gap:2rem}}@media(max-width:768px){.checkout-container{grid-template-columns:1fr;padding:1rem 1.5rem}.row{flex-direction:column}.checkout-card,.summary-card{padding:1.5rem}.total{font-size:1.1rem}}@media(max-width:480px){.checkout-container{padding:1rem}.checkout-card input{padding:.8rem;font-size:.9rem}.place-btn{padding:.9rem;font-size:.95rem}}