@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;font-family:Outfit,sans-serif;background-color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:120px;width:80%;margin:auto}#info-popup-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:#000c!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;z-index:100000!important;display:flex!important;justify-content:center!important;align-items:center!important}#info-popup-container{background-color:#fff!important;width:min(90%,500px)!important;max-height:85vh!important;border-radius:30px!important;padding:30px!important;display:flex!important;flex-direction:column!important;box-shadow:0 30px 100px #000000b3!important;position:relative!important;animation:infoPopEffect .35s cubic-bezier(.175,.885,.32,1.275)}.info-body{overflow-y:auto!important;flex:1!important;padding-top:10px}.info-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;border-bottom:1px solid #eee;padding-bottom:15px}.info-header h2{font-size:22px;color:#262626}.info-close-wrapper{width:36px;height:36px;background:#f0f0f0;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.info-close-wrapper:hover{background:#ff6b00;color:#fff}@keyframes infoPopEffect{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:750px){.main-content{width:90%;padding-bottom:140px}#info-popup-container{width:95%!important;padding:20px!important;border-radius:25px!important}}.info-body::-webkit-scrollbar{width:4px}.info-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.navbar-container{position:fixed;bottom:25px;left:0;width:100%;display:flex;justify-content:center;z-index:8000;padding:0 20px}.navbar-capsule{background:#fff;width:100%;max-width:500px;height:70px;border-radius:50px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 35px #00000026;position:relative;padding:0 15px 0 0}.nav-logo-circle{position:absolute;top:-25px;left:10px;width:80px;height:80px;background:#ff6b00;border-radius:50%;display:flex;justify-content:center;align-items:center;border:6px solid #ffffff;box-shadow:5px 10px 20px #ff6b004d;cursor:pointer;z-index:8001}.logo-inner{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.logo-inner i{color:#ff6b00;font-size:24px}.nav-spacer{min-width:90px}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:#49557e;transition:.3s;flex:1}.nav-tab i{font-size:20px}.nav-tab span{font-size:11px;font-weight:700;text-transform:uppercase}.nav-tab:hover{color:#ff6b00}.icon-badge-wrapper{position:relative}.nav-badge{position:absolute;top:-2px;right:-5px;width:10px;height:10px;background:#ff6b00;border:2px solid white;border-radius:50%}.home-container{animation:fadeIn .5s ease-in}.home-search-container{display:flex;justify-content:center;margin:-30px auto 30px;position:relative;z-index:10;width:100%}.search-bar{display:flex;align-items:center;gap:15px;background:#fff;width:60%;max-width:600px;padding:15px 25px;border-radius:50px;box-shadow:0 10px 30px #00000014;border:1px solid #eee}.search-bar i{color:#ff6b00;font-size:18px}.search-bar input{border:none;outline:none;width:100%;font-size:16px;color:#49557e}.search-bar input::placeholder{color:#a9a9a9}@media(max-width:750px){.search-bar{width:90%;margin-top:0}}.header{height:38vw;margin:30px auto;background:linear-gradient(135deg,#fffcf9,#fff0e6);border-radius:30px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 6%;overflow:hidden;border:1px solid #ffe4d1}.header-content{display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;animation:fadeIn 1s ease-out}.badge{background:#ff6b0015;color:#ff6b00;padding:6px 15px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase}.header-content h2{font-weight:800;color:#262626;font-size:clamp(2rem,4vw,4rem);line-height:1.1}.header-content h2 span{color:#ff6b00}.header-content p{color:#676767;font-size:1.1vw;line-height:1.6}.header-btns{display:flex;gap:15px;margin-top:10px}.main-btn{border:none;color:#fff;font-weight:600;padding:14px 30px;background:#ff6b00;border-radius:50px;cursor:pointer;transition:.3s;box-shadow:0 8px 15px #ff6b0033}.secondary-btn{background:transparent;border:1.5px solid #FF6B00;color:#ff6b00;font-weight:600;padding:14px 30px;border-radius:50px;cursor:pointer}.main-btn:hover{background:#e65a00;transform:scale(1.05)}.header-img-container{position:relative;width:40%;display:flex;justify-content:center;align-items:center}.floating-food{width:110%;filter:drop-shadow(20px 20px 40px rgba(0,0,0,.15));animation:float 4s ease-in-out infinite}.header-experience-badge{position:absolute;bottom:10%;left:-10%;background:#fff;padding:10px 20px;border-radius:15px;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;gap:10px}.header-experience-badge i{color:gold}.header-experience-badge p{font-weight:700;font-size:14px;margin:0}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:1050px){.header{height:auto;padding:50px 6%;flex-direction:column-reverse;gap:40px;text-align:center}.header-content{max-width:100%;align-items:center}.header-content p{font-size:14px}.floating-food{width:80%}}.explore-menu{display:flex;flex-direction:column;gap:15px;padding:20px 0}.explore-menu h1{color:#262626;font-weight:700;font-size:clamp(20px,2.5vw,28px)}.explore-menu-subtitle{max-width:100%;color:#6d6d6d;font-size:16px;margin-bottom:10px}.explore-menu-list{display:flex;justify-content:flex-start;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:auto;padding-bottom:15px}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item{cursor:pointer;min-width:85px;transition:.3s}.menu-img-wrapper{width:7.5vw;min-width:85px;aspect-ratio:1/1;border-radius:50%;padding:3px;transition:.4s cubic-bezier(.175,.885,.32,1.275);border:3px solid transparent}.menu-img-wrapper img{width:100%;border-radius:50%;object-fit:cover}.menu-img-wrapper.active{border:3px solid #FF6B00;transform:scale(1.1);box-shadow:0 8px 15px #ff6b0033}.explore-menu-list-item p{margin-top:10px;color:#646464;font-size:15px;font-weight:500}.active-text{color:#ff6b00!important;font-weight:700!important}.explore-menu hr{margin:10px 0;height:1px;background-color:#e2e2e2;border:none}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;row-gap:50px}.food-item-info{width:100%;margin:auto;border-radius:50px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.food-item-image{width:100%;border-radius:15px 15px 0 0}.food-item-info{padding:20px}.food-item-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-rating p{font-size:20px;font-weight:500}.food-item-rating img{width:70px}.food-item-description{color:#767676;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{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.food-item-counter img{width:30px}.app-download{margin:100px auto auto;font-size:max(3vw,20px);text-align:center;font-weight:500}.app-download-platforms{display:flex;justify-content:center;gap:max(2vw,10px);margin-top:40px}.app-download-platforms img{width:max(30vw,120px);max-width:180px;transition:.5s;cursor:pointer}.app-download-platforms img:hover{transform:scale(1.05)}.menu-page{padding:2rem}.restaurant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.no-results{text-align:center;font-size:1.2rem;color:gray}.restaurant-card{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.restaurant-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.restaurant-card img{width:100%;height:180px;object-fit:cover}.restaurant-info{padding:1rem;color:#fff}.filter-bar{display:flex;flex-direction:column;gap:1rem}.filter-bar input{padding:.8rem;border-radius:10px;border:none;outline:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;color:#fff;transition:.3s}.filter-bar input::placeholder{color:#ccc}.category-buttons button{margin-right:.5rem;padding:.5rem 1rem;border-radius:10px;border:none;cursor:pointer;background:#ffffff1a;color:#fff;transition:.3s}.category-buttons button.active,.category-buttons button:hover{background:#ffffff4d}.place-order{display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:100px}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{font-size:30px;font-weight:600;margin-bottom:50px}.place-order-left input{margin-bottom:15px;width:100%;padding:10px;border:1px solid #c5c5c5;border-radius:4px;outline-color:#167c09}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order .cart-total button{margin-top:30px}.footer-drawer-content{display:flex;flex-direction:column;gap:30px;text-align:left;color:#323232;width:100%}.footer-logo{width:120px;margin-bottom:15px}.footer-section h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#262626;text-transform:uppercase}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:15px}.contact-item i{color:#ff6b00}.footer-social-icons{display:flex;gap:15px}.footer-social-icons img{width:30px;cursor:pointer}.login-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.login-popup-container{width:clamp(320px,90%,400px);background-color:#fff;padding:35px;border-radius:25px;box-shadow:0 25px 50px #0003;display:flex;flex-direction:column;gap:20px;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#262626}.login-popup-title h2{font-size:24px;font-weight:800}.login-popup-title img{width:15px;cursor:pointer;transition:.3s}.login-popup-title img:hover{transform:rotate(90deg)}.login-popup-inputs{display:flex;flex-direction:column;gap:15px}.login-popup-inputs input{outline:none;border:1.5px solid #e0e0e0;padding:14px;border-radius:12px;font-size:15px;transition:.3s}.login-popup-inputs input:focus{border-color:#ff6b00}.login-popup-container button{border:none;padding:15px;border-radius:12px;color:#fff;background-color:#ff6b00;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 15px #ff6b0033;transition:.3s}.login-popup-container button:hover{background-color:#e65a00;transform:translateY(-2px)}.login-popup-condition{display:flex;align-items:flex-start;gap:10px;margin-top:-5px}.login-popup-condition input{margin-top:5px;accent-color:#FF6B00}.login-popup-condition p{font-size:13px;color:#676767}.login-popup-switch span{color:#ff6b00;font-weight:700;cursor:pointer;text-decoration:underline}.role-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.role-modal-container{background:#fff;padding:40px;border-radius:10px;max-width:450px;width:90%;box-shadow:0 10px 40px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.role-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.role-modal-header h2{font-size:20px;color:#333;margin:0;flex:1}.role-modal-close{width:24px;height:24px;cursor:pointer;opacity:.6;transition:opacity .2s}.role-modal-close:hover{opacity:1}.role-modal-buttons{display:flex;flex-direction:column;gap:15px}.role-modal-btn-primary,.role-modal-btn-secondary{padding:12px 20px;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.role-modal-btn-primary{background:tomato;color:#fff}.role-modal-btn-primary:hover{background:#e5422f;transform:translateY(-2px);box-shadow:0 5px 15px #ff63474d}.role-modal-btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.role-modal-btn-secondary:hover{background:#efefef;border-color:#999}.cart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.cart-container{width:clamp(340px,90%,500px);max-height:85vh;background:#fff;border-radius:30px;padding:25px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cart-close-wrapper{width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f5f5f5;border-radius:50%;transition:.3s}.cart-close-wrapper:hover{background:#ff6b00;transform:rotate(90deg)}.cart-close-text{font-size:28px;color:#333;line-height:1}.cart-close-wrapper:hover .cart-close-text{color:#fff}.cart-close-img{display:none}.cart-items-box{flex:1;overflow-y:auto;padding-right:8px}.cart-items-title-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr .5fr;align-items:center;text-align:center;font-size:13px;color:gray;padding:10px 0}.cart-items-item{font-weight:500;color:#333;font-size:14px}.cart-items-item img{width:45px;border-radius:8px}.cross-btn{cursor:pointer;color:#ff6b00;font-weight:700;font-size:18px}.cart-total-section{border-top:1px solid #eee;padding-top:20px;margin-top:10px}.cart-total-details{display:flex;justify-content:space-between;margin-bottom:10px}.checkout-button{width:100%;background:#ff6b00;color:#fff;border:none;padding:15px;border-radius:15px;font-weight:700;font-size:16px;cursor:pointer;margin-top:10px;transition:.2s}.checkout-button:hover{background:#e65a00;transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.account-container{width:90%;max-width:800px;margin:40px auto;font-family:sans-serif}.account-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px}.account-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 8px #0000000d}.account-form input{display:block;width:100%;margin-bottom:12px;padding:8px}.account-form button{padding:10px 20px;background:#333;color:#fff;border:none;cursor:pointer}.order-list{list-style:none;padding:0}.order-list li{padding:6px 0;border-bottom:1px solid #eee}@media(max-width:700px){.account-sections{grid-template-columns:1fr}}