@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}.app{margin:auto;width:min(90%,1400px)}div[id],section[id]{scroll-margin-top:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:20px 0;position:sticky;top:0;z-index:100}.navbar:before{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:#ffffffd9;bottom:0;content:"";left:-100vmax;position:absolute;right:-100vmax;top:0;z-index:-1}.navbar .logo{display:block;width:150px}.navbar-menu{align-items:center;display:flex;gap:20px;list-style:none}.navbar-menu button{background:none;border:none;border-bottom:2px solid #0000;color:#000;cursor:pointer;font-size:18px;padding:0 0 2px;white-space:nowrap}.navbar-menu button:hover{color:#49557e}.navbar-menu button.active{border-bottom-color:tomato}.navbar-menu-welcome{display:none}.navbar-right{align-items:center;display:flex;gap:30px}.navbar-welcome{color:tomato;max-width:180px;overflow:hidden;text-overflow:ellipsis}.navbar-auth-btn,.navbar-welcome{font-size:16px;white-space:nowrap}.navbar-auth-btn{background:#fff;border:2px solid tomato;border-radius:50px;color:#000;cursor:pointer;padding:10px 30px;transition:.3s}.navbar-auth-btn:hover{background-color:#fff4f2}.navbar-search-icon{display:flex;position:relative}.navbar-search-icon .dot{background-color:tomato;border-radius:5px;min-height:10px;min-width:10px;position:absolute;right:-8px;top:-8px}.navbar-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:6px;width:36px}.navbar-toggle span{background-color:#333;border-radius:3px;display:block;height:3px;transition:.3s;width:100%}.navbar-toggle.open span:first-child{transform:translateY(8px) rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:1200px){.navbar-welcome{display:none}}@media (max-width:1050px){.navbar .logo{width:140px}.navbar-menu{gap:15px}.navbar-menu button{font-size:16px}.navbar-right{gap:20px}.navbar-search-icon img{width:22px}.navbar-auth-btn{font-size:15px;padding:8px 22px}}@media (max-width:900px){.navbar-toggle{display:flex}.navbar-menu{align-items:stretch;animation:fadeIn .3s;background-color:#fff;border-radius:0 0 12px 12px;box-shadow:0 10px 20px #0000001a;display:none;flex-direction:column;gap:0;left:0;padding:10px 0;position:absolute;right:0;top:100%}.navbar-menu.open{display:flex}.navbar-menu li{width:100%}.navbar-menu button{border-bottom:none;border-left:3px solid #0000;padding:12px 20px;text-align:left;width:100%}.navbar-menu button.active{background-color:#fff4f2;border-left-color:tomato}.navbar-menu-welcome{border-bottom:1px solid #eee;color:tomato;display:block;margin-bottom:6px;overflow:hidden;padding:8px 20px 12px;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.navbar{gap:10px;padding:14px 0}.navbar .logo{width:110px}.navbar-right{gap:12px}.navbar-auth-btn{font-size:14px;padding:6px 14px}}.header{align-items:center;background:linear-gradient(#fe800b,#a4b17b);border:40px solid #fff;box-shadow:0 0 10px #000;display:flex;gap:30px;justify-content:space-between;margin:30px auto;min-height:min(80vh,680px);padding:clamp(24px,5vw,70px)}.header-contents{align-items:flex-start;flex:1 1 55%;flex-direction:column;gap:1.5vw}.header-contents,.header-img{animation:fadeIn 3s;display:flex}.header-img{flex:1 1 40%;justify-content:center}.header-img img{max-width:520px;width:100%}.header-contents h2{color:#fff;font-size:clamp(26px,3.6vw,56px);font-weight:500;line-height:1.15}.header-contents p{color:#fff;font-size:clamp(14px,1.1vw,18px);max-width:600px}.header-contents button{background-color:#fff4f2;border:2px solid tomato;border-radius:50px;color:tomato;cursor:pointer;font-size:16px;font-weight:500;padding:15px 40px;transition:.2s}.header-contents button:hover{background-color:tomato;color:#fff}@media (max-width:1050px){.header{border-width:24px;min-height:420px}}@media (max-width:750px){.header{border-width:12px;flex-direction:column-reverse;gap:16px;margin:15px auto;min-height:auto;text-align:center}.header-contents{align-items:center;gap:14px}.header-img img{max-width:320px}.header-contents button{padding:12px 32px}}.explore-menu{display:flex;flex-direction:column;gap:20px;margin:3rem 0 1rem}.explore-menu h1{color:tomato;font-size:clamp(26px,3vw,40px);font-weight:500}.explore-menu-text{color:grey;max-width:60%}.explore-menu-list{align-items:center;display:flex;gap:30px;justify-content:space-between;margin:20px 0;overflow-x:auto;padding:6px 2px;scrollbar-width:none;text-align:center}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item{flex-shrink:0}.explore-menu-list-item img{border-radius:50%;cursor:pointer;min-width:80px;transition:.2s;width:8vw}.explore-menu-list-item p{color:#747474;cursor:pointer;font-size:max(1.4vw,16px);margin-top:10px}.explore-menu hr{background-color:#e2e2e2;border:none;height:2px;margin:10px 0}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}@media (max-width:1050px){.explore-menu-text{font-size:14px;max-width:100%}}@media (max-width:750px){.explore-menu-list{gap:20px}.explore-menu-list-item img{min-width:70px}}.food-item{animation:fadeIn 1s;border-radius:15px;box-shadow:0 0 10px #00000015;margin:auto;transition:.3s;width:100%}.food-item:hover{transform:scale(1.05)}.food-item-image{border-radius:15px 15px 0 0;display:block;width:100%}.food-item-info{padding:20px}.food-item-name-rating{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.food-item-name-rating p{font-size:20px;font-weight:500}.food-item-name-rating img{flex-shrink:0;width:70px}.food-item-desc{color:#676767;font-size:12px}.food-item-price{color:tomato;font-size:22px;font-weight:500;margin:10px 0}.food-item-img-container{position:relative}.food-item-img-container .add{border-radius:50%;bottom:15px;cursor:pointer;position:absolute;right:15px;width:35px}.food-item-counter{align-items:center;background-color:#fff;border-radius:50px;bottom:15px;display:flex;gap:10px;padding:6px;position:absolute;right:15px}.food-item-counter img{cursor:pointer;width:30px}@media (hover:none){.food-item:hover{transform:none}}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.food-display-list{grid-gap:30px;grid-row-gap:50px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));margin-top:30px;row-gap:50px}@media (max-width:1000px){.food-display-list{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}}@media (max-width:750px){.food-display-list{gap:20px;row-gap:30px}}.WhyFoodZing{margin:auto}.WhyFoodZing-title{font-size:clamp(26px,3vw,40px);font-weight:500;margin:2rem 0;text-align:center}.WhyFoodZing-title span{color:#fe800b}.WhyFoodZing-cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:900px;padding:10px}.WhyFoodZing-card{align-items:center;border-radius:20px;box-shadow:0 0 40px 4px #bebebe;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:214px;padding:2rem;text-align:center;transition:.2s ease-in-out}.WhyFoodZing-card h2{color:tomato;font-size:clamp(20px,2vw,24px);font-weight:400}.WhyFoodZing-card:hover{box-shadow:0 0 10px 1px #fe800b;transform:scale(1.05)}@media (max-width:750px){.WhyFoodZing-cards{gap:24px;grid-template-columns:1fr;max-width:320px}.WhyFoodZing-card{box-shadow:0 0 20px 2px #d4d4d4;min-height:170px;padding:1.5rem}}.about-us{align-items:center;display:flex;gap:40px;margin-top:80px;width:100%}.about-left{flex:0 1 450px}.about-left-img{display:block;width:100%}.about-right{flex:1 1}.about-overview{color:#fe800b;font-size:2rem}.about-us-title{font-size:clamp(30px,4.2vw,63px);line-height:1.15;margin-bottom:16px}.about-us-desc{color:#636363;font-size:clamp(16px,1.5vw,22px)}.about-h2{color:#fe800b;font-size:2.8rem;margin-top:16px}.extra{font-size:24px}@media (max-width:900px){.about-us{flex-direction:column;gap:20px;margin-top:60px;text-align:center}.about-left{flex:none;width:min(100%,380px)}}@media (max-width:750px){.about-overview{font-size:1.2rem}.about-h2{font-size:2rem}.extra{font-size:18px}}.contact-container{margin:60px 0 20px}.contact-container hr{background-color:#e2e2e2;border:none;height:2px;margin-bottom:20px}.contact_box{margin:auto;max-width:800px;padding:20px 0}.contact_heading{color:#fe800b;font-size:clamp(26px,3vw,40px);margin-bottom:20px;text-align:center}.contact-row{display:flex;gap:10px}.contact_box input,.contact_box textarea{border:1px solid tomato;border-radius:5px;font-size:16px;margin-bottom:10px;outline-color:#fe800b;padding:10px;resize:vertical;width:100%}.contact_box button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:.2s;width:100%}.contact_box button:disabled{cursor:wait;opacity:.7}.contact_box button.sent{background-color:#fe800b}.contact_box button.error{background-color:#b33a3a}@media (max-width:600px){.contact-row{flex-direction:column;gap:0}}.footer{align-items:center;background-color:#323232;color:#d9d9d9;display:flex;flex-direction:column;gap:20px;margin-top:100px;padding:80px 8vw 20px}.footer-content{grid-gap:80px;display:grid;gap:80px;grid-template-columns:2fr 1fr 1fr;max-width:1400px;width:100%}.footer-content-center,.footer-content-left,.footer-content-right{align-items:start;display:flex;flex-direction:column;gap:20px}.footer-logo{width:180px}.footer-content-center li,.footer-content-left li,.footer-content-right li{cursor:pointer;list-style:none;margin-bottom:10px}.footer-content-center li:hover,.footer-content-right li:hover{color:tomato}.footer-content-center h2,.footer-content-right h2{color:#fff;font-weight:500}.footer-social-icons img{cursor:pointer;margin-right:15px;width:40px}.footer hr{background-color:gray;border:none;height:2px;margin:20px 0;max-width:1400px;width:100%}@media (max-width:900px){.footer-content{gap:40px;grid-template-columns:1fr 1fr}.footer-content-left{grid-column:1/-1}}@media (max-width:750px){.footer{margin-top:60px;padding-top:50px}.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.login-popup{background-color:#00000090;display:grid;inset:0;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.login-popup-container{animation:fadeIn .5s;background-color:#fff;border-radius:8px;color:grey;display:flex;flex-direction:column;font-size:14px;gap:25px;padding:25px 30px;place-self:center;width:min(max(23vw,330px),100%)}.login-popup-title{align-items:center;color:#000;display:flex;justify-content:space-between}.login-popup-title h2{font-weight:500}.login-popup-title img{cursor:pointer;width:16px}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{border:1px solid #c9c9c9;border-radius:4px;font-size:15px;outline-color:#fe800b;padding:10px}.login-popup-error{color:#d32f2f;margin-top:-10px}.login-popup-container button{background-color:tomato;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:10px}.login-popup-container button:disabled{cursor:wait;opacity:.7}.login-popup-condition{align-items:start;display:flex;gap:8px;margin-top:-15px}.login-popup-condition input{accent-color:tomato;margin-top:3px}.login-popup p span{color:tomato;cursor:pointer;font-weight:500}@media (max-width:400px){.login-popup-container{gap:20px;padding:20px}}.cart{margin-top:100px}.cart-items-title{grid-gap:10px;align-items:center;color:gray;display:grid;font-size:max(1vw,12px);gap:10px;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr}.cart-items-item{color:#000;margin:10px 0}.cart-items-item img{border-radius:6px;width:50px}.cart hr{background-color:#e2e2e2;border:none;height:1px}.cart-items-item .cross{cursor:pointer;padding-left:12px}.cart-empty{color:gray;padding:30px 0;text-align:center}.cart-bottom{display:flex;gap:max(12vw,20px);justify-content:space-between;margin-top:80px}.cart-total{display:flex;flex:1 1;flex-direction:column;gap:20px}.cart-total h2{font-weight:600}.cart-total-details{color:#555;display:flex;justify-content:space-between}.cart-total hr{background-color:#e2e2e2;border:none;height:1px;margin:10px 0}.cart-total button{background-color:tomato;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;max-width:100%;padding:12px 0;width:max(15vw,200px)}.cart-promocode{flex:1 1}.cart-promocode p{color:#555}.cart-promocode-input{align-items:center;background-color:#eaeaea;border-radius:4px;display:flex;justify-content:space-between;margin-top:10px}.cart-promocode-input input{background:#0000;border:none;flex:1 1;font-size:15px;min-width:0;outline:none;padding-left:10px}.cart-promocode-input button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px 5px;width:max(10vw,150px)}@media (max-width:750px){.cart,.cart-bottom{margin-top:40px}.cart-bottom{flex-direction:column-reverse;gap:40px}.cart-promocode-input button{width:110px}}@media (max-width:500px){.cart-items-title{font-size:12px;gap:6px;grid-template-columns:44px 1.4fr .8fr .6fr .8fr .4fr}.cart-items-item{font-size:13px}.cart-items-item img{width:44px}.cart-items-item .cross{padding-left:6px}}.place-order{align-items:start;display:flex;gap:50px;justify-content:space-between;margin-top:100px}.place-order-left{max-width:max(30%,500px);width:100%}.place-order-title{font-size:30px;font-weight:600;margin-bottom:50px}.place-order-left input{border:1px solid #c5c5c5;border-radius:4px;font-size:15px;margin-bottom:15px;outline-color:tomato;padding:10px;width:100%}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{max-width:max(40%,500px);width:100%}@media (max-width:850px){.place-order{align-items:stretch;flex-direction:column;margin-top:40px}.place-order-left,.place-order-right{max-width:100%}.place-order-title{font-size:24px;margin-bottom:25px}}@media (max-width:420px){.place-order-left .multi-fields{flex-direction:column;gap:0}}.place-ordered{align-items:center;animation:bounceIn .5s ease forwards;display:flex;justify-content:center;min-height:300px;opacity:0;padding:40px 0}.place-ordered.show{opacity:1}.place-ordered .content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.place-ordered h2{font-size:clamp(22px,3vw,32px);font-weight:500}.place-ordered span{color:tomato}.place-ordered .back-home{border:2px solid tomato;border-radius:50px;color:tomato;margin-top:10px;padding:10px 28px;transition:.2s}.place-ordered .back-home:hover{background-color:tomato;color:#fff}@keyframes bounceIn{0%{opacity:0;transform:translateY(-100%)}70%{opacity:1;transform:translateY(20%)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.317bbf88.css.map*/