@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Rakkas&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Outfit}body{min-height:100vh}a{color:inherit;text-decoration:none}.app{margin:auto}#main{margin-top:160px}@keyframes fadeI{0%{opacity:0}to{opacity:1}}.navbar{z-index:10;background-color:#fcf1ea;border-bottom:4px solid tomato;border-radius:41px;justify-content:space-between;align-items:center;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:0 2%;padding:20px 60px;display:flex;position:fixed;top:18px;box-shadow:0 3px 8px #0000003d}.navbar .logo{width:150px}.navbar-menu{color:#49557e;gap:20px;font-size:18px;list-style:none;display:flex}.navbar-right{align-items:center;gap:40px;display:flex}.navbar button{color:#49557e;cursor:pointer;background:0 0;border:1px solid tomato;border-radius:50px;padding:10px 30px;font-size:16px;transition:all .3s}.navbar button:hover{background-color:#fff4f2}.navbar .active{border-bottom:2px solid #49557e;padding-bottom:2px}.navbar li{cursor:pointer}.navbar-search-icon{position:relative}.navbar-search-icon .dot{background-color:tomato;border-radius:5px;min-width:10px;min-height:10px;position:absolute;top:-8px;right:-8px}.navbar-profile{position:relative}.nav-profile-dropdown{z-index:1;display:none;position:absolute;right:0}.navbar-profile:hover .nav-profile-dropdown{background-color:#fff2ef;border:1px solid tomato;border-radius:4px;outline:2px solid #fff;flex-direction:column;gap:10px;padding:12px 25px;list-style:none;display:flex}.nav-profile-dropdown li{cursor:pointer;align-items:center;gap:10px;display:flex}.nav-profile-dropdown img{width:20px}.nav-profile-dropdown li:hover{color:tomato}@media (width<=1050px){.navbar .logo{width:140px}.navbar-menu{gap:20px;font-size:17px}.navbar-right{gap:30px}.navbar-right img{width:22px}.navbar-right button{padding:8px 25px}}@media (width<=900px){.navbar .logo{width:120px}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px}.navbar-right img{width:20px}.navbar-right button{padding:7px 20px;font-size:15px}}@media (width<=750px){.navbar{padding:14px 30px}.navbar-menu{display:none}}@media (width<=430px){.navbar{padding:10px 20px}}body:before{content:"";z-index:-1;opacity:.85;background:url(/assets/background-oMn1_6JL.png) 50%/cover no-repeat;width:100%;height:100%;position:fixed;top:0}.header{background:url(/header_img.png) 50%/cover no-repeat;border-radius:18px;width:80%;height:34vw;margin:30px auto;position:relative}.header-contents{flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;animation:3s fadeIn;display:flex;position:absolute;bottom:10%;left:6vw}.header-contents h2{color:#fff;font-size:max(4.5vw,22px);font-weight:500}.header-contents p{color:#fff;font-size:1vw}.header-contents button{color:#747474;background-color:#fff;border:none;border-radius:50px;padding:1vw 2.3vw;font-size:max(1vw,13px);font-weight:500}@media (width<=1050px){.header-contents{max-width:45%}}@media (width<=750px){.header-contents{max-width:65%}.header-contents p{display:none}.header-contents button{padding:2vw 4vw}}@media (width<=700px){.header{height:39vw}}.explore-menu{background-color:#ffffffad;border-radius:18px;flex-direction:column;gap:20px;width:80%;margin:auto;padding:15px;display:flex}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{columns:gray;max-width:60%}.explore-menu-list{text-align:center;justify-content:space-between;align-items:center;gap:30px;margin:20px 0;display:flex;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{cursor:pointer;border-radius:50%;width:7.5vw;min-width:80px;transition:all .2s}.explore-menu-list-item p{color:#747474;cursor:pointer;margin-top:10px;font-size:max(1.4vw,16px)}.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 (width<=1050px){.explore-menu-text{max-width:100%;font-size:14px}}.food-display{width:80%;margin:30px auto auto}.food-display h2{font-size:max(2vw,24px)}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));justify-items:center;gap:30px;margin-top:30px;display:grid}.food-card{cursor:pointer;background:#f5f5f5;border-radius:20px;width:260px;transition:transform .3s;overflow:hidden;box-shadow:0 5px 15px #00000059}.food-card:hover{transform:translateY(-8px)}.food-card-img-container{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex-direction:column;justify-content:space-between;height:320px;padding:16px;display:flex}.item-name,.food-item-info{z-index:2;position:relative}.item-name p{text-shadow:1px 0 10px #000;color:#fff;margin:0;font-size:40px;font-weight:700;line-height:1.3}.food-item-info{justify-content:space-between;align-items:center;display:flex}.food-item-price{color:#fff;text-shadow:1px 0 10px #000;font-size:30px;font-weight:600}.add{cursor:pointer;background:#ff3d3d;border-radius:50%;width:45px;height:45px;padding:10px;transition:all .3s}.add:hover{background:#ff1f1f;transform:scale(1.1)}.food-item-counter{background:#fff;border-radius:50px;align-items:center;gap:8px;padding:6px 10px;display:flex}.food-item-counter img{cursor:pointer;width:22px}.food-item-counter p{margin:0;font-weight:600}@media (width<=700px){.food-card{width:230px}.food-card-img-container{height:285px}.food-display-list{gap:30px 0}}@media (width<=650px){.food-card{width:220px}.food-display-list{gap:30px 0}.food-card-img-container{height:270px}.item-name p{font-size:30px}}@media (width<=600px){.food-card{width:190px}.food-display-list{gap:25px 0}.food-card-img-container{height:235px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.item-name p{font-size:30px}}@media (width<=500px){.food-card{width:170px}.food-card-img-container{height:200px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.item-name p{font-size:25px}}@media (width<=450px){.food-card{width:145px}.food-card-img-container{height:180px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.item-name p,.food-item-price{font-size:25px}}@media (width<=400px){.food-card{width:135px}.food-card-img-container{height:165px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.item-name p{font-size:22px}.food-item-price{font-size:20 px}}@media (width<=365px){.food-card{width:125px}.food-card-img-container{height:160px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}@media (width<=340px){.food-card{width:115px}.food-card-img-container{height:160px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}}@media (width<=300px){.food-card{width:170px}.food-card-img-container{height:220px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}#restaurant-details{background-color:#fff;border-radius:18px;margin:150px 0;padding:50px 15px;display:flex}#details-left{flex-direction:column;justify-content:center;gap:20px;padding:25px;display:flex}#details-right{justify-content:center;padding:25px;display:flex}.details-title{color:tomato;font-family:Rakkas,serif;font-size:80px;line-height:1.1}#contact-details p{color:tomato;font-size:30px}#contact-details span{font-size:20px}#details-container th{align-self:self-start;margin-bottom:15px;font-size:20px}#restaurant-details li{list-style:none}#details-container{grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:18px;display:grid}#details-container ul{flex-direction:column;display:flex}#map{aspect-ratio:1;background-color:#fff;border-radius:18px;padding:8px;box-shadow:0 2px 8px #63636333}#map iframe{border-radius:18px;width:100%;height:100%}#restaurant-details>div{width:50%}@media (width<=900px){#restaurant-details{flex-wrap:wrap}#restaurant-details>div{width:100%}}@media (width<=430px){#details-container{grid-template-columns:1fr}}.cart{margin-top:200px}.cart-items{background-color:#fff;border-radius:53px;width:80%;margin:auto;padding:50px;box-shadow:0 3px 8px #0000003d}.cart-items-title{color:gray;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-content:center;align-items:center;padding:0 15px;font-size:max(1vw,12px);display:grid}.cart-table-head{color:#fff;background-color:tomato;border-radius:53px;padding-top:15px;padding-bottom:15px}.cart-items-item{color:#000;margin:10px 0}.cart-items-item img{width:50px}.cart hr{background-color:#e2e2e2;border:none;height:1px}.cart-item-item .cross{cursor:pointer}.cart-bottom{justify-content:space-between;gap:max(12vw,20px);margin-top:80px;display:flex}.cart-total{flex-direction:column;flex:1;gap:20px;display:flex}.cart-total-details{color:#555;justify-content:space-between;display:flex}.cart-total hr{margin:10px 0}.cart-total button{color:#fff;cursor:pointer;background-color:tomato;border:none;border-radius:40px;width:max(15vw,200px);padding:15px 0}.cart-promocode{flex:1}.cart-promocode p{color:#555}.cart-promocode-input{background-color:#eaeaea;border-radius:30px;justify-content:space-between;align-items:center;margin-top:10px;display:flex}.cart-promocode-input input{background:0 0;border:none;outline:none;max-width:25%;padding-left:10px}.cart-promocode-input button{color:#fff;background-color:#000;border:none;border-radius:30px;width:max(10vw,150px);padding:12px 5px}.cart-table-head-mobile,#cart-item-table-mobile{display:none}@media (width<=750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}@media (width<=550px){.cart-items{padding:30px 15px}.cart-promocode-input input{max-width:60%}}@media (width<=475px){.cart-items{border-radius:30px;padding:30px 15px}#cart-item-table,.cart-table-head{display:none}.cart-table-head-mobile,#cart-item-table-mobile{display:block}.non-mobile{display:none}.cart-items-title{grid-template-columns:1fr 3fr .5fr;display:grid}}.place-order{justify-content:space-evenly;align-items:start;gap:50px;margin-top:175px;display:flex}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{margin-bottom:50px;font-size:30px;font-weight:600}.place-order-left input{border:1px solid #c5c5c5;border-radius:4px;outline-color:tomato;width:100%;margin-bottom:15px;padding:10px}.place-order-left .multi-fields{gap:10px;display:flex}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order .cart-total button{margin-top:30px}.place-order-left,.place-order-right{background-color:#ffffffad;border-radius:18px;padding:15px}.payment-method{flex-direction:column;gap:20px;display:flex}.payment-method h2{margin-top:25px}.payment-method label{font-size:16px}.payment-method input{color:tomato;accent-color:#ff4500;margin-right:6px}@media (width<=700px){.place-order{flex-wrap:wrap;justify-content:center;display:flex}}.footer{color:#d9d9d9;background-color:#323232;flex-direction:column;align-items:center;gap:20px;margin-top:100px;padding:80px 8vw 20px;display:flex}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:80px;width:100%;display:grid}.footer-content-left,.footer-content-right,.footer-content-center{flex-direction:column;align-items:start;gap:20px;display:flex}.footer-content-left li,.footer-content-right li,.footer-content-center li{cursor:pointer;margin-bottom:10px;list-style:none}.footer-content-right h2,.footer-content-center h2{color:#fff}.footer-social-icons img{width:40px;margin-right:15px}.footer hr{background-color:gray;border:none;width:100%;height:2px;margin:20px 0}@media (width<=750px){.footer-content{flex-direction:column;gap:35px;display:flex}.footer-copyright{text-align:center}}.login-popup{z-index:5;background-color:#00000090;width:100%;height:100%;display:grid;position:absolute;top:0}.login-popup-container{color:gray;background-color:#fff;border-radius:8px;flex-direction:column;place-self:center;gap:25px;width:max(23vw,330px);padding:25px 30px;font-size:14px;animation:.5s fadeIn;display:flex}.login-popup-title{color:#000;justify-content:space-between;align-items:center;display:flex}.login-popup-title img{cursor:pointer;width:16px}.login-popup-inputs{flex-direction:column;gap:20px;display:flex}.login-popup-inputs input{border:1px solid #c9c9c9;border-radius:4px;outline:none;padding:10px}.login-popup-container button{color:#fff;cursor:pointer;background-color:tomato;border:none;border-radius:4px;padding:10px;font-size:15px}.login-popup-condition{align-items:start;gap:8px;margin-top:-15px;display:flex}.login-popup-condition input{margin-top:5px}.login-popup p span{color:tomato;cursor:pointer;font-weight:500}.verify{min-height:60vh;display:none}.verify .spinner{border:5px solid #bdbdbd;border-top-color:tomato;border-radius:50%;place-self:center;width:100px;height:100px;animation:rotate}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders{width:80%;margin:150px auto auto}.my-orders .container{flex-direction:column;gap:20px;margin-top:30px;display:flex}.my-orders-order{color:#454545;background-color:#fff;border:1px solid tomato;border-radius:8px;grid-template-columns:.5fr 2.5fr 1fr 1fr 2fr 1fr 1fr;align-items:center;gap:20px;padding:15px 20px;font-size:14px;display:grid}.my-orders-order img{width:50px}.my-orders-order p span{color:tomato}.my-orders-order p{margin:0;line-height:1.4}.my-orders-order p b{color:#333;font-weight:500}.order-payment-method{color:#555;font-size:13px}.payment-status{font-size:13px;font-weight:500}.payment-status.paid b{color:green}.payment-status.pending b{color:orange}.payment-status.failed b{color:red}@media (width<=900px){.my-orders-order{grid-template-columns:1fr 2fr;row-gap:10px;font-size:12px}}