.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 8vw;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:999;transition:all .3s ease;box-shadow:0 2px 20px #0000000d;min-height:75px;overflow:visible}.navbar.navbar-scrolled{background:#fffffffa;box-shadow:0 4px 30px #0000001a;padding:12px 8vw}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .3s ease;min-width:60px;flex-shrink:0}.navbar-brand:hover{transform:scale(1.02)}.logo{width:150px}.brand-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,tomato,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:tomato}.navbar-menu{list-style:none;display:flex;align-items:center;gap:35px;margin:0;padding:0}.navbar-menu li{position:relative}.navbar-menu a{text-decoration:none;color:#333;font-weight:600;font-size:16px;padding:8px 16px;border-radius:25px;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:6px}.navbar-menu a:hover{color:tomato;background:#ff63470d;transform:translateY(-2px)}.navbar-menu a.active-link{color:tomato;background:linear-gradient(135deg,#ff63471a,#ff47571a);box-shadow:0 4px 15px #ff634733}.navbar-menu a.active-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;background:tomato;border-radius:50%}.navbar-right{display:flex;align-items:center;gap:25px}.search-container{display:flex;align-items:center;gap:10px;position:relative}.search-input{width:0;padding:10px 15px;border:2px solid #ff6347;border-radius:25px;outline:none;font-size:14px;transition:all .3s ease;opacity:0;transform:translate(20px)}.search-container.search-open .search-input{width:200px;opacity:1;transform:translate(0)}.search-btn{background:linear-gradient(135deg,tomato,#ff4757);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #ff63474d}.search-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff634766}.navbar-cart{position:relative}.cart-link{text-decoration:none;display:block}.cart-icon-wrapper{position:relative;background:#f8f9fa;padding:10px;border-radius:50%;transition:all .3s ease;border:2px solid transparent}.cart-icon-wrapper:hover{background:#ff63471a;border-color:tomato;transform:translateY(-2px)}.cart-icon-wrapper img{width:22px;height:22px}.cart-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,tomato,#ff4757);color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.signin-btn{background:linear-gradient(135deg,tomato,#ff4757);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #ff63474d}.signin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff634766}.btn-icon{font-size:16px}.navbar-profile{position:relative}.profile-avatar{position:relative;cursor:pointer;background:#f8f9fa;padding:8px;border-radius:50%;transition:all .3s ease;border:2px solid transparent}.profile-avatar:hover{background:#ff63471a;border-color:tomato;transform:scale(1.05)}.profile-avatar img{width:28px;height:28px;border-radius:50%}.online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#4caf50;border:2px solid white;border-radius:50%;animation:pulse 2s infinite}.nav-profile-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;padding:20px;border-radius:15px;border:1px solid #e0e0e0;list-style:none;min-width:200px;box-shadow:0 10px 30px #00000026;opacity:0;transform:translateY(-10px);animation:dropdownSlide .3s ease forwards}@keyframes dropdownSlide{to{opacity:1;transform:translateY(0)}}.nav-profile-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:#fff;border:1px solid #e0e0e0;border-bottom:none;border-right:none;transform:rotate(45deg)}.nav-profile-dropdown li{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 -16px;cursor:pointer;border-radius:10px;transition:all .3s ease;color:#333;font-weight:500}.nav-profile-dropdown li:hover{background:#ff63470d;color:tomato;transform:translate(5px)}.nav-profile-dropdown li img{width:20px;height:20px}.nav-profile-dropdown li span{flex:1;margin-left:12px;font-size:14px}.dropdown-arrow{font-size:14px;color:#ccc;transition:all .3s ease}.nav-profile-dropdown li:hover .dropdown-arrow{color:tomato;transform:translate(3px)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative;transition:all .3s ease}.hamburger span{width:100%;height:2px;background:#333;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger span:nth-child(1){margin-bottom:6px}.hamburger span:nth-child(2){margin-bottom:6px}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 1050px){.navbar{padding:15px 6vw}.navbar-menu{gap:25px}.navbar-right{gap:20px}}@media (max-width: 900px){.navbar{padding:15px 4vw}.navbar-menu{gap:20px}.navbar-menu a{font-size:15px;padding:6px 12px}.search-container.search-open .search-input{width:150px}}@media (max-width: 768px){.mobile-menu-btn{display:block}.navbar-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;justify-content:flex-start;padding:80px 30px 30px;box-shadow:-5px 0 20px #0000001a;transition:all .3s ease;z-index:1000}.navbar-menu.mobile-open{right:0}.navbar-menu li{width:100%;margin-bottom:10px}.navbar-menu a{width:100%;padding:15px 20px;border-radius:12px;font-size:16px;border:1px solid #f0f0f0}.search-container.search-open .search-input{width:120px}.signin-btn{padding:10px 20px;font-size:13px}.brand-text{font-size:20px}}@media (max-width: 480px){.navbar{padding:15px 5vw;min-height:70px}.navbar-right{gap:15px}.search-container{display:none}.signin-btn{padding:8px 16px;font-size:12px}.brand-text{display:none}.logo{width:45px;height:45px;min-width:45px;min-height:45px}}@media (max-width: 768px){.navbar-menu.mobile-open:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:-1;animation:fadeIn .3s ease}}.navbar.loading{pointer-events:none}.navbar.loading *{opacity:.7}.navbar a:focus,.navbar button:focus{outline:2px solid #ff6347;outline-offset:2px}@media (prefers-contrast: high){.navbar{border-bottom:2px solid #000}.navbar-menu a{border:1px solid transparent}.navbar-menu a:hover,.navbar-menu a.active-link{border-color:#000}}.header{height:37vw;width:100%;margin:0 auto;background:url(/header_img.png) no-repeat center center;background-size:cover;position:relative;overflow:hidden}.header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#0003,#0009);z-index:1}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;z-index:2;animation:fadeInLeft 1.5s ease-out}.header-contents h2{font-weight:700;color:#fff;font-size:clamp(1.5rem,4.5vw,3.5rem);line-height:1.2;margin-bottom:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out .3s both}.header-contents p{color:#fffffff2;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out .6s both}.header-cta{border:none;color:#fff;font-weight:700;padding:15px 30px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);font-size:clamp(.9rem,1.2vw,1.1rem);border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #ff6b6b66;display:flex;align-items:center;gap:8px;animation:fadeInUp 1s ease-out .9s both;position:relative;overflow:hidden}.header-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.header-cta:hover:before{left:100%}.header-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ff6b6b99}.header-cta:active{transform:translateY(-1px) scale(1.02)}.button-icon{font-size:1.2em;animation:bounce 2s infinite}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-food{position:absolute;font-size:2rem;animation:float 6s ease-in-out infinite;opacity:.3}.floating-food:nth-child(1){top:20%;right:20%;animation-delay:0s}.floating-food:nth-child(2){top:60%;right:10%;animation-delay:2s}.floating-food:nth-child(3){top:40%;right:30%;animation-delay:4s}.text-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.indicator{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover{background:#fffc}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-2px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}@media (max-width: 1050px){.header-contents{max-width:55%}.header-cta{padding:12px 25px}.floating-food{font-size:1.5rem}}@media (max-width: 750px){.header{height:50vw;min-height:300px}.header-contents{max-width:80%;left:4vw;bottom:15%}.header-contents h2{font-size:clamp(1.3rem,6vw,2rem)}.header-contents p{font-size:clamp(.8rem,3vw,1rem)}.header-cta{padding:12px 20px;font-size:.9rem}.floating-elements{display:none}}@media (max-width: 480px){.header{height:60vw;min-height:250px}.header-contents{max-width:90%;left:5%;gap:15px}.header-contents p{display:none}.header-cta{padding:10px 20px;font-size:.9rem;align-self:stretch;justify-content:center}.text-indicators{bottom:10px}.indicator{width:8px;height:8px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.explore-menu{display:flex;flex-direction:column;gap:20px;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;margin:20px 0;box-shadow:0 10px 30px #0000001a;animation:fadeInUp .6s ease-out}.explore-menu h1{color:#2c3e50;font-weight:700;font-size:clamp(2rem,4vw,3.5rem);text-align:center;margin-bottom:10px;position:relative;animation:fadeInUp .8s ease-out .2s both}.explore-menu h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px;animation:shimmer 2s infinite linear;background-size:200px 100%}.explore-menu-text{max-width:70%;color:#6c757d;font-size:1.1rem;line-height:1.6;text-align:center;margin:0 auto 30px;font-weight:400;animation:fadeInUp 1s ease-out .4s both}.explore-menu-list{display:flex;justify-content:flex-start;align-items:center;gap:25px;text-align:center;margin:20px 0;overflow-x:auto;padding:20px 10px;border-radius:15px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:#ff6b6b transparent;animation:fadeInUp 1.2s ease-out .6s both}.explore-menu-list::-webkit-scrollbar{height:8px}.explore-menu-list::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.explore-menu-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:10px}.explore-menu-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ff5252,#26c6da)}.explore-menu-list-item{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:15px;border-radius:15px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;background:transparent;animation:fadeInUp .6s ease-out calc(.8s + var(--index) * .1s) both}.explore-menu-list-item:hover{transform:translateY(-8px) scale(1.02);background:#fffffff2;box-shadow:0 15px 35px #00000026}.explore-menu-list-item.active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #ff6b6b66;animation:pulse 2s infinite}.explore-menu-list-item img{width:80px;height:80px;object-fit:cover;cursor:pointer;border-radius:50%;transition:all .3s ease;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#ff6b6b,#4ecdc4) border-box}.explore-menu-list-item:hover img{transform:scale(1.1);border-color:#ff6b6b}.explore-menu-list-item.active img{border:3px solid white;box-shadow:0 0 20px #ffffff80}.explore-menu-list-item p{margin-top:12px;color:#2c3e50;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px}.explore-menu-list-item:hover p{color:#ff6b6b;transform:scale(1.05)}.explore-menu-list-item.active p{color:#fff;font-weight:700}.explore-menu hr{margin:30px 0;height:3px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border:none;border-radius:2px;opacity:.7}.explore-menu-list-item.active{border:4px solid tomato;padding:2px}.explore-menu-search{position:relative;max-width:400px;margin:0 auto 30px;animation:fadeInUp 1s ease-out .5s both}.explore-menu-search input{width:100%;padding:15px 50px 15px 20px;border:2px solid #e1e8ed;border-radius:25px;font-size:1rem;outline:none;transition:all .3s ease;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explore-menu-search input:focus{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b33}.explore-menu-search input::placeholder{color:#adb5bd;font-style:italic}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1.2rem}.category-counter{text-align:center;margin-top:20px;padding:10px;background:#ff6b6b1a;border-radius:10px;color:#2c3e50;font-weight:600}@media (max-width:1050px){.explore-menu-text{max-width:90%;font-size:1rem}.explore-menu h1{font-size:2.5rem}.explore-menu{padding:30px 15px;margin:15px 0}.explore-menu-list{gap:20px;padding:15px 5px}.explore-menu-list-item{min-width:80px;padding:10px}.explore-menu-list-item img{width:60px;height:60px}.explore-menu-list-item p{font-size:.85rem}}@media (max-width:768px){.explore-menu h1{font-size:2rem}.explore-menu-text{max-width:100%;font-size:.95rem}.explore-menu-search{max-width:300px}.explore-menu-list-item{min-width:70px;padding:8px}.explore-menu-list-item img{width:50px;height:50px}.explore-menu-list-item p{font-size:.8rem;margin-top:8px}}.food-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.food-display-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.results-count{color:#6c757d;font-size:.95rem;font-weight:500}.results-count span{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:8px 15px;border-radius:20px;border:1px solid #dee2e6}.filter-controls{position:relative;display:flex;align-items:center;gap:10px}.filter-toggle{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:10px 15px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.filter-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.filter-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:15px;box-shadow:0 10px 30px #0000001a;z-index:100;min-width:200px;animation:fadeInUp .3s ease-out}.filter-dropdown label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:.9rem}.filter-dropdown select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .3s ease}.filter-dropdown select:focus{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}.no-items-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6c757d;grid-column:1 / -1}.no-items-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.no-items-found h3{color:#2c3e50;font-size:1.5rem;margin-bottom:10px;font-weight:600}.no-items-found p{font-size:1rem;line-height:1.6;margin-bottom:30px;max-width:400px}.retry-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #4ecdc44d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6c757d;grid-column:1 / -1}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{font-size:1rem;font-weight:500}@media (max-width: 768px){.food-display-header{flex-direction:column;align-items:stretch;text-align:center}.food-display-controls{justify-content:center;flex-direction:column;gap:15px}.filter-dropdown{position:static;margin-top:10px;box-shadow:none;border:1px solid #dee2e6}.results-count{text-align:center}}@media (max-width: 480px){.no-items-found{padding:40px 15px}.no-items-icon{font-size:3rem}.no-items-found h3{font-size:1.3rem}.no-items-found p{font-size:.9rem}.filter-toggle{width:100%;text-align:center}}.food-display .food-display-list{animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.food-display{margin-top:40px;padding:0 20px}.food-display h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#2c3e50;text-align:center;margin-bottom:40px;position:relative;animation:fadeInUp .8s ease-out}.food-display h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;row-gap:40px;animation:fadeInUp 1s ease-out .2s both}.food-item{width:100%;margin:auto;border-radius:20px;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);animation:scaleIn .6s ease-out;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.food-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.food-item:hover:before{left:100%}.food-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026,0 5px 15px #0000001a;border-color:#ff6b6b4d}.food-item-image{width:100%;height:200px;object-fit:cover;border-radius:20px 20px 0 0;transition:all .4s ease;cursor:pointer}.food-item:hover .food-item-image{transform:scale(1.05);filter:brightness(1.1)}.food-item-info{padding:25px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:0 0 20px 20px;position:relative}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative}.food-item-name-rating p{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0;transition:color .3s ease;cursor:default}.food-item:hover .food-item-name-rating p{color:#ff6b6b}.food-item-name-rating img{width:70px;transition:transform .3s ease}.food-item:hover .food-item-name-rating img{transform:scale(1.1)}.food-item-desc{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7rem}.food-item-price{color:#ff6b6b;font-size:1.4rem;font-weight:700;margin:15px 0;display:flex;align-items:center;position:relative}.food-item-price:before{content:"₹";font-size:1rem;margin-right:2px;opacity:.8}.food-item-img-container{position:relative;overflow:hidden;border-radius:20px 20px 0 0}.food-item-img-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,#0000001a);pointer-events:none;opacity:0;transition:opacity .3s ease}.food-item:hover .food-item-img-container:after{opacity:1}.add{width:45px;height:45px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b6b66;border:2px solid white}.add:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #ff6b6b99;animation:bounce .6s ease}.add:active{transform:scale(.95)}.food-item-counter{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;bottom:15px;right:15px;background:linear-gradient(145deg,#fff,#f0f0f0);padding:8px 12px;border-radius:25px;box-shadow:0 4px 15px #0000001a,inset 0 1px #ffffff80;border:2px solid rgba(255,107,107,.2);animation:scaleIn .3s ease-out}.food-item-counter img{width:25px;height:25px;cursor:pointer;transition:all .2s ease;border-radius:50%}.food-item-counter img:hover{transform:scale(1.2);filter:brightness(1.1)}.food-item-counter img:active{transform:scale(.9)}.food-item-counter p{margin:0;font-weight:700;font-size:1rem;color:#2c3e50;min-width:20px;text-align:center;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.new-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:5px 12px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;animation:bounce 2s infinite}.popular-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;padding:5px 12px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}@media (max-width: 768px){.food-display-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;row-gap:30px}.food-item{border-radius:15px}.food-item-image{height:180px}.food-item-info{padding:20px}.food-item-name-rating p{font-size:1.1rem}.food-item-price{font-size:1.2rem}.add{width:40px;height:40px}.food-item-counter{padding:6px 10px;gap:10px}.food-item-counter img{width:22px;height:22px}}@media (max-width: 480px){.food-display{padding:0 10px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;row-gap:25px}.food-item-image{height:160px}.food-item-info{padding:15px}}.app-download-compact{margin:40px auto;padding:30px 8vw;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;box-shadow:0 10px 25px #667eea33;transition:all .3s ease}.app-download-compact:hover{transform:translateY(-2px);box-shadow:0 15px 35px #667eea4d}.compact-content{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:800px;margin:0 auto}.compact-text{flex:1}.compact-text h3{margin:0 0 8px;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.compact-text p{margin:0;font-size:16px;opacity:.9;font-weight:400}.compact-stores{display:flex;gap:15px;align-items:center}.store-link-compact{display:block;transition:all .3s ease;border-radius:8px;overflow:hidden}.store-link-compact:hover{transform:scale(1.05);box-shadow:0 5px 15px #0003}.store-link-compact img{height:50px;width:auto;display:block;border-radius:8px}@media (max-width: 768px){.app-download-compact{margin:30px auto;padding:25px 6vw}.compact-content{flex-direction:column;text-align:center;gap:20px}.compact-text h3{font-size:20px}.compact-text p{font-size:14px}.store-link-compact img{height:45px}}@media (max-width: 480px){.app-download-compact{margin:20px auto;padding:20px 4vw}.compact-stores{gap:12px}.store-link-compact img{height:40px}}.cart{margin-top:100px}.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-items-item{margin:10px 0;color:#000}.cart-items-item img{width:50px}.cart hr{height:1px;background-color:#e2e2e2e2;border:none}.cart-items-item .cross{cursor:pointer}.cart-bottom{margin-top:80px;display:flex;justify-content:space-between;gap:max(12px,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:tomato;width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.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{outline:none;background-color:transparent;border:none;padding-left:10px}.cart-promocode-input button{width:max(10vw,150px);padding:12px 5px;background-color:#000;color:#fff;border-radius:4px}@media (max-width:750px){.cart-button{flex-direction:column}.cart-promocode{justify-content:start}}.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:10px;width:100%;padding:10px;border-radius:4px;border:1px solid #c5c5c5;outline-color:tomato}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,400px)}.place-order .cart-total button{margin-top:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-compact{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1;padding:30px 8vw 20px;margin-top:60px;position:relative;animation:fadeInUp .6s ease-out}.footer-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px;align-items:start;max-width:1200px;margin:0 auto}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-logo{width:120px;height:auto;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-section p{color:#bdc3c7;font-size:.9rem;line-height:1.4;margin:0}.footer-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px;position:relative}.footer-section h4:after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:1px}.links-row,.contact-row{display:flex;gap:15px;flex-wrap:wrap}.links-row a,.contact-row a{color:#bdc3c7;text-decoration:none;font-size:.9rem;padding:5px 0;transition:all .3s ease;position:relative}.links-row a:hover,.contact-row a:hover{color:#ff6b6b;transform:translateY(-2px)}.links-row a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#ff6b6b;transition:width .3s ease}.links-row a:hover:after{width:100%}.newsletter-compact{display:flex;gap:8px;margin-bottom:15px}.newsletter-compact input{flex:1;padding:8px 12px;border:1px solid #34495e;border-radius:20px;background:#ffffff1a;color:#fff;font-size:.85rem;outline:none;transition:all .3s ease}.newsletter-compact input::placeholder{color:#bdc3c7}.newsletter-compact input:focus{border-color:#ff6b6b;background:#ffffff26;box-shadow:0 0 10px #ff6b6b33}.newsletter-compact button{width:35px;height:35px;border:none;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.newsletter-compact button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 15px #ff6b6b66}.newsletter-compact button:disabled{background:linear-gradient(135deg,#27ae60,#2ecc71);animation:pulse 1s ease-in-out}.social-icons-compact{display:flex;gap:10px}.social-icons-compact a{display:block;transition:transform .3s ease}.social-icons-compact img{width:28px;height:28px;border-radius:50%;padding:6px;background:#ffffff1a;transition:all .3s ease}.social-icons-compact a:hover img{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);transform:scale(1.1)}.footer-bottom{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-bottom p{margin:0;font-size:.85rem;color:#bdc3c7}.brand-highlight{color:#ff6b6b;font-weight:600}.footer-links{display:flex;gap:20px}.footer-links a{color:#bdc3c7;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links a:hover{color:#ff6b6b}.back-to-top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;z-index:1000}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #ff6b6b80}@media (max-width: 768px){.footer-compact{padding:25px 4vw 15px}.footer-content{grid-template-columns:1fr;gap:25px;text-align:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.links-row,.contact-row{justify-content:center}.newsletter-compact{max-width:250px;margin:0 auto 15px}.social-icons-compact{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:10px}.back-to-top{bottom:15px;right:15px;width:35px;height:35px;font-size:1rem}}@media (max-width: 480px){.footer-compact{padding:20px 3vw 12px}.footer-content{gap:20px}.footer-section{gap:12px}.footer-logo{width:100px}.links-row,.contact-row{gap:12px}.social-icons-compact img{width:24px;height:24px;padding:4px}.newsletter-compact{max-width:200px}.newsletter-compact input{font-size:.8rem;padding:6px 10px}.newsletter-compact button{width:30px;height:30px;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-popup{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;padding:20px;box-sizing:border-box}.login-popup.visible{opacity:1;animation:fadeIn .3s ease}.login-popup-container{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:25px;padding:40px 35px;box-shadow:0 30px 60px #0000004d;transform:scale(.8);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1);margin:auto}.login-popup-container.slide-in{transform:scale(1);opacity:1;animation:slideIn .5s cubic-bezier(.34,1.56,.64,1)}.login-popup-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login-popup-title h2{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#333}.close-btn{width:24px;height:24px;cursor:pointer;padding:8px;border-radius:50%;background:#f5f5f5;transition:all .3s ease}.close-btn:hover{background:#ff6b6b;transform:rotate(90deg)}.auth-mode-tabs{display:flex;background:#f8f9fa;border-radius:15px;padding:6px;margin-bottom:30px;box-shadow:inset 0 2px 4px #0000000d}.tab-btn{flex:1;padding:14px 20px;border:none;background:transparent;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;color:#666}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 15px #667eea66;transform:translateY(-2px)}.tab-btn:hover:not(.active){background:#e9ecef;color:#333}.login-popup-inputs{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.input-group{position:relative}.input-group input{width:100%;padding:18px 55px;border:2px solid #e1e5e9;border-radius:15px;font-size:16px;font-weight:500;outline:none;transition:all .3s ease;background:#fafbfc;box-sizing:border-box}.input-group input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 6px #667eea1a;transform:translateY(-3px)}.input-group input.error{border-color:#ff6b6b;background:#fff5f5;animation:shake .3s ease}.input-group input::placeholder{color:#a0a8b0;font-weight:400}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none;z-index:1}.password-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease;z-index:1}.password-toggle:hover{background:#f0f0f0;transform:translateY(-50%) scale(1.1)}.error-message{position:absolute;bottom:-22px;left:18px;color:#ff6b6b;font-size:12px;font-weight:600}.auth-btn{width:100%;padding:18px 24px;border:none;border-radius:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:25px;position:relative;overflow:hidden}.auth-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #667eea80}.auth-btn:active{transform:translateY(-1px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.login-popup-condition{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;font-size:14px;color:#666}.login-popup-condition input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea;margin-top:2px}.login-popup-condition p{margin:0;line-height:1.5}.login-popup-condition span{color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline}.login-popup-condition span:hover{color:#5a6fd8}.auth-switch{text-align:center;margin-bottom:25px}.auth-switch p{margin:0;color:#666;font-size:15px}.auth-switch span{color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;transition:all .3s ease}.auth-switch span:hover{color:#5a6fd8;text-decoration:none}.social-login{margin-top:30px}.divider{position:relative;text-align:center;margin-bottom:25px}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.divider span{background:#fff;padding:0 25px;color:#a0a8b0;font-size:14px;font-weight:500}.social-buttons{display:flex;gap:15px}.social-btn{flex:1;padding:14px 18px;border:2px solid #e1e5e9;border-radius:12px;background:#fff;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.social-btn:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.social-btn.google:hover{border-color:#4285f4;color:#4285f4}.social-btn.facebook:hover{border-color:#1877f2;color:#1877f2}@media (max-width: 768px){.login-popup{padding:15px}.login-popup-container{width:100%;max-width:none;padding:35px 30px;border-radius:20px;max-height:calc(100vh - 30px)}.login-popup-title h2{font-size:24px}.input-group input{padding:16px 50px;font-size:15px}.auth-btn{padding:16px 20px;font-size:15px}.social-buttons{flex-direction:column}}@media (max-width: 480px){.login-popup{padding:10px}.login-popup-container{width:100%;max-width:none;padding:30px 25px;max-height:calc(100vh - 20px)}.auth-mode-tabs{margin-bottom:25px}.tab-btn{padding:12px 18px;font-size:14px}.login-popup-title h2{font-size:22px}}@media (prefers-reduced-motion: reduce){.login-popup-container,.auth-btn,.social-btn,.input-group input{transition:none;animation:none}}.verify{min-height:60vh;display:grid}.verify .spinner{width:100px;height:100px;place-self:center;border:5px solid #bdbdbd;border-top-color:tomato;border-radius:50%;animation:rotate 1s infinite}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders{padding:20px;max-width:1200px;margin:0 auto}.my-orders h2{margin-bottom:20px;color:#333}.my-orders-order{display:flex;align-items:center;padding:20px;margin-bottom:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.my-orders-order img{width:50px;height:50px;margin-right:20px}.order-details{flex:1}.order-items{font-size:16px;margin-bottom:8px}.order-amount{font-weight:700;color:#2ecc71}.order-date{color:#666;font-size:14px}.status-dot{margin-right:5px}.status-dot.processing{color:#f1c40f}.status-dot.delivered{color:#2ecc71}.status-dot.cancelled{color:#e74c3c}.track-button{padding:8px 16px;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;transition:all .3s ease}.track-button:hover{background:#2980b9}.track-button.delivered{background:#2ecc71;cursor:default}.track-button:disabled{background:#95a5a6;cursor:not-allowed}.container{display:flex;flex-direction:column;gap:15px}