*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{min-height:100vh;font-family:Roboto,sans-serif}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-total{flex:1;display:flex;flex-direction:column;gap:20px}hr{margin:10px 0}button{border:none;color:#fff;background:tomato;width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-total-details{display:flex;justify-content:space-between;color:#555}.container{max-width:1440px;margin:0;padding:0}.navbar{background:#fff;display:flex;justify-content:space-between;margin-bottom:50px;position:fixed;z-index:9;width:100%;top:0;box-shadow:0 0 10px #ddd}.navbar .container{display:flex;justify-content:space-between;padding:10px;max-width:1440px;width:100%;align-items:center}.navbar .logo{font-size:30px;font-weight:700;color:#ff4500;width:100px;height:auto}.navbar .logo img{width:100%}.navbar .navbar-menu{display:flex;list-style-type:none;justify-content:space-between}.navbar .navbar-menu a{padding:10px}.navbar .navbar-menu a.active{border-bottom:2px solid tomato;color:tomato;font-weight:600}.navbar .navbar-menu li{padding:10px;cursor:pointer}.navbar .navbar-menu li.active{border-bottom:2px solid tomato;color:tomato;font-weight:600}.navbar .navbar-right{display:flex;gap:30px;align-items:center}.navbar .navbar-right .navbar-search-icon{position:relative}.navbar .navbar-right .navbar-search-icon .dot{position:absolute;top:-8px;right:-8px;min-width:10px;min-height:10px;background:tomato;border-radius:5px}.navbar button{background:transparent;font-size:16px;color:tomato;padding:10px 30px;border-radius:50px;cursor:pointer;border:1px solid tomato;width:150px}.container{max-width:1440px;margin:0 auto;padding:0}main{margin-top:150px}.header{width:100%;background:tomato;border-radius:30px;padding:50px;background:url(/assets/header_img-DfvEA7zQ.png);position:relative;height:650px}.header .header-content{animation:fadeIn 2s;position:absolute;bottom:50px}.header h2{font-size:40px;color:#fff;margin-bottom:20px}.header p{font-size:16px;color:#fff;margin-bottom:20px;line-height:25px;padding-right:50px}.header .btn-primary{background:#fff;color:tomato;padding:10px;border:0;border-radius:30px;cursor:pointer;width:150px}.explore-menu{display:flex;flex-direction:column;gap:20px;padding:100px 0}.explore-menu h2{color:#262626;font-weight:500}.explore-menu p{margin-bottom:20px}.explore-menu .explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu .explore-menu-list::-webkit-scrollbar{display:none}.explore-menu .explore-menu-list .explore-menu-list-item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu .explore-menu-list .explore-menu-list-item img.active{border:4px solid tomato;padding:2px}.explore-menu .explore-menu-list .explore-menu-list-item p{font-weight:600;margin-bottom:0}.foodDisplay{margin-top:30px}.foodDisplay h2{font-size:max(2vw,24px);font-weight:600}.foodDisplay .food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.food-item .food-item-image{width:100%;border-radius:15px 15px 0 0}.food-item .food-item-info{padding:20px}.food-item .food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item .food-item-name-rating p{font-size:20px;font-weight:500}.food-item .food-item-name-rating img{width:70px}.food-item .food-item-desc{color:#111;font-size:12px}.food-item .food-item-price{font-size:20px;font-weight:500;color:tomato;margin:10px 0}.food-item .food-item-img-container{position:relative}.food-item .food-item-img-container .add{position:absolute;width:35px;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.food-item .food-item-counter{position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50px;display:flex;align-items:center;gap:10px;padding:6px;background:#fff}.food-item .food-item-counter img{width:30px}.mobileApp{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:100px}.mobileApp h2{font-size:40px;text-align:center}.mobileApp h2 span{display:block}.mobileApp .downloadApp{display:flex;padding:20px 0}.cart{width:100%;margin-top:100px}.cart .cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:gray;font-size:max(1vw,12px)}.cart .cart-items-title.cart-items-item{margin:10px 0;color:#000}.cart .cart-items-title.cart-items-item img{width:50px}.cart .cart-items-title.cart-items-item .cross{cursor:pointer}.cart hr{height:1px;background:#ddd;border:none}.cart .cart-bottom{margin-top:80px;display:flex;justify-content:space-between;gap:max(12vw,20px)}.cart .cart-bottom .cart-total{flex:1;display:flex;flex-direction:column;gap:20px}.cart .cart-bottom .cart-total .cart-total-details{display:flex;justify-content:space-between;color:#555}.cart .cart-bottom .cart-total hr{margin:10px 0}.cart .cart-bottom .cart-total button{border:none;color:#fff;background:tomato;width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart .cart-promocode{flex:1}.cart .cart-promocode p{color:#555}.cart .cart-promocode .cart-promocode-input{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background:#eaeaea;border-radius:4px}.cart .cart-promocode .cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px}.cart .cart-promocode .cart-promocode-input button{width:max(10vw,150px);padding:12px 5px;background:#000;border:none;color:#fff;border-radius:4px;cursor:pointer}.placeOrder{width:100%;display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:100px}.placeOrder .place-order-left{width:100%;max-width:max(30%,500px)}.placeOrder .place-order-left .title{font-size:30px;font-weight:600;margin-bottom:50px}.placeOrder .place-order-left input{margin-bottom:15px;width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;outline-color:tomato}.placeOrder .place-order-left .multi-fields{display:flex;gap:10px}.placeOrder .place-order-right{width:100%;max-width:max(40%,500px)}.placeOrder .cart-total button{margin-top:30px}.footer{background:#000;padding:50px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:100px}.footer .footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer .footer-content-left img{width:100px}.footer .footer-content-left,.footer .footer-content-center,.footer .footer-content-right{display:flex;flex-direction:column;align-items:start;gap:20px}.footer .footer-content-left li,.footer .footer-content-center li,.footer .footer-content-right li{list-style-type:none;margin-bottom:10px;cursor:pointer}.footer .footer-content-center h2,.footer .footer-content-right h2{color:#fff}.footer .footer-social-icons img{width:40px;margin-right:15px;cursor:pointer}.footer hr{width:100%;height:1px;margin:20px 0;background:gray;border:none}.login-popup{background:#00000090;position:absolute;z-index:1;width:100%;height:100%;display:grid}.login-popup .login-popup-container{place-self:center;width:max(23vw,330px);color:gray;background:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-popup .login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup .login-popup-title img{width:16px;cursor:pointer}.login-popup .login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup .login-popup-inputs input{outline:none;border:1px solid #ddd;padding:10px;border-radius:4px}.login-popup .login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background:tomato;font-size:15px;cursor:pointer;font-weight:600}.login-popup .login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup .login-popup-condition input{margin-top:5px}.login-popup p span{color:tomato;font-weight:500;cursor:pointer}
