@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Poppins,sans-serif;font-size:small}body{background-color:#f1f1f1}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{color:orange;background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:orange;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.header{width:auto;height:70px;display:flex;justify-content:space-between;align-items:center;padding:10px 3%;background-color:#e7e6e6;box-shadow:0 0 10px #0600001a;position:fixed;top:0;right:0;left:0;z-index:1000}.logo{width:65px;height:65px;border-radius:50%;cursor:pointer}.nav-items>ul{display:flex}.nav-items>ul>li{list-style:none;color:#333;font-size:medium;font-weight:500;cursor:pointer;padding:0 12px}.nav-items>ul>li:hover{color:orange}.restaurant-container{width:85%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:2%;row-gap:20px}.restaurant-card{width:250px;height:300px;background-color:#fff;border-radius:15px;box-shadow:0 0 10px #6060601a;cursor:pointer}.restaurant-card:hover{transform:scale(.99)}.search{padding:10px}.restaurant-logo{width:100%;height:65%;margin:0;border-radius:8px 8px 0 0}.restaurant-name{font-size:1.2rem;font-weight:700;margin:5px 0}.restaurant-details{height:fit-content;padding:0 10px;overflow:hidden;font-size:15px}.esa-rating{display:flex;align-items:center;justify-content:space-between;margin:5px 10px 5px 0}.rating{display:flex;align-items:center}.rating-logo{background-color:green;color:#fff;width:18px;height:18px;border-radius:50%;padding:2px;margin-right:2px}.cousine,.location{color:#828080;font-weight:500;font-size:10px;padding-bottom:5px}.footer{width:auto;text-align:center;padding:20px;margin-top:30px;border-radius:5px;background-color:#e7e6e6;box-shadow:0 0 10px #d8d7d71a}.footer>strong{padding-left:5px}.footer>span{margin:0 5px;font-size:20px}.footer>strong>span{color:orange}.shimmer-container{margin-top:10%;margin-left:10%;display:flex;flex-wrap:wrap}.shimmer-card{margin:20px;width:250px;height:300px;background-color:gray;border-radius:8px;box-shadow:0 0 10px #6060601a;cursor:pointer}.menu{margin-top:10%;text-align:center}.menu-name{font-size:large;margin:6px}.user-card{padding:10px;border:1px solid black}.cat-header{width:60%;max-width:1200px;margin:2.5% auto 12px;background-color:#e5e1e1;padding:4px;text-align:center;box-shadow:4px 4px 8px #0003;align-items:center;cursor:pointer}.cat-name{font-weight:600}.cat-inner-header{display:flex;justify-content:space-between}.cat-id{padding:3px;margin:2px;border-bottom:1px solid #797272;text-align:left;display:flex;justify-content:space-between;height:100px}.cat-des{font-size:xx-small;margin-left:3px;margin-right:10%}.cat-info{padding:.5%;margin-left:8px;font-weight:400}.cat-img{width:96%;margin:2px}.cat-content{width:80%}.cat-img-content{width:20%;position:relative}.cat-btn-content{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10}.cat-btn{padding:3px 7px;background-color:#fffc;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background .3s ease-in-out}.cat-btn:hover{background-color:#fff}.cart-container{text-align:center;margin:10px;padding:10px;height:400px}.cart{font-size:x-large;font-weight:600;margin-top:7%;padding:5px;margin-bottom:1.5%}.cart-items{width:70%;margin:auto}.clear-cart{margin-bottom:2%;padding:3px 7px;background-color:#ffffff6d;border:none;border-radius:5px;font-size:14px;cursor:pointer;box-shadow:4px 4px 8px #0003}.clear-cart:hover{background-color:#fff}.user-container{display:flex}.user-label{margin:9px;padding:0}.contact-name,.contact-msg{padding:3px;margin:2px}.contact-btn{padding:3px;margin:2px;background-color:#c9c8c8}.contact-container{font-family:Poppins,sans-serif;color:#333;max-width:1400px;margin:0 auto}.contact-hero{background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1606787366850-de6330128bfc) center/cover;height:350px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:50px;background-attachment:fixed}.hero-overlay h1{font-size:2.8rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.hero-overlay p{font-size:1.3rem;max-width:600px;margin:0 auto;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.contact-content{display:flex;flex-wrap:wrap;gap:30px;padding:0 20px;margin-bottom:50px}.contact-info{flex:1;min-width:300px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.contact-form-container{flex:1;min-width:300px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000001a;border-top:5px solid #ff6b6b}.contact-form-container h2{color:#ff6b6b;margin-bottom:25px;font-size:1.8rem;display:flex;align-items:center;gap:10px}.info-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;border-left:4px solid #ff6b6b}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff6b6b1a}.icon-wrapper{background:#ff6b6b;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:1.2rem;box-shadow:0 4px 8px #ff6b6b4d}.info-card h3{margin-bottom:10px;color:#333;font-size:1.3rem}.info-card p{color:#666;line-height:1.6;margin-bottom:5px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;color:#555}.form-group label i{color:#ff6b6b}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-family:Poppins,sans-serif;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:#ff6b6b;color:#fff;border:none;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:center;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{background:#ff4757;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}.success-message{background:#4bb543;color:#fff;padding:15px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:fadeIn .5s ease}.success-message i{font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-hero{height:280px;background-attachment:scroll}.hero-overlay h1{font-size:2.2rem}.hero-overlay p{font-size:1.1rem}.contact-content{flex-direction:column}.contact-info{grid-template-columns:1fr}.contact-form-container{padding:25px 20px}}.about-container{font-family:Poppins,sans-serif;color:#333;max-width:1400px;margin:0 auto}.about-hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1504754524776-8f4f37790ca0) center/cover;height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:60px}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.order-cta{background:#ff6b6b;color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.order-cta:hover{background:#ff4757;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.mission-section{display:flex;padding:0 2rem;gap:3rem;margin-bottom:4rem;align-items:center}.mission-content{flex:1}.mission-content h2{font-size:2.2rem;color:#ff6b6b;margin-bottom:1.5rem}.mission-content p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:2.5rem}.mission-stats{display:flex;gap:1.5rem}.stat-card{background:#fff9f9;padding:1.5rem;border-radius:10px;text-align:center;flex:1;box-shadow:0 5px 15px #0000000d;border-top:3px solid #ff6b6b}.stat-number{display:block;font-size:2rem;font-weight:700;color:#ff6b6b;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:#666}.mission-image{flex:1;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px #0000001a}.food-image{width:100%;height:auto;display:block;transition:transform .5s ease}.food-image:hover{transform:scale(1.05)}.team-section{padding:4rem 2rem;background:#fff9f9;text-align:center;margin-bottom:4rem}.section-title{font-size:2.2rem;color:#ff6b6b;margin-bottom:1rem}.section-subtitle{color:#666;margin-bottom:3rem;font-size:1.1rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.cta-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.cta-section h2{font-size:2.2rem;margin-bottom:2rem}.cta-button{background:#fff;color:#ff6b6b;border:none;padding:15px 40px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}@media (max-width: 768px){.about-hero{height:400px}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.mission-section,.mission-stats{flex-direction:column}.team-grid{grid-template-columns:1fr}}.body-container{padding:2rem;max-width:1400px;margin:7% auto 0;font-family:Poppins,sans-serif}.filter-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.search-container{flex:1;min-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.search-input:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}.search-icon{position:absolute;left:1rem;font-size:1.2rem;color:#94a3b8}.action-buttons{display:flex;align-items:center;gap:1rem}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-button:hover{background:#f8fafc;border-color:#cbd5e1}.button-icon{font-size:1.1rem}.user-profile{display:flex;align-items:center;gap:.5rem}.user-label{font-weight:500;color:#64748b}.user-input{padding:.5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;transition:all .2s ease}.user-input:focus{outline:none;border-color:#ff6b6b}.restaurant-listing{margin-top:1.5rem}.restaurant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.restaurant-link{text-decoration:none;color:inherit;transition:transform .3s ease}.restaurant-link:hover{transform:translateY(-5px)}.no-results{text-align:center;padding:4rem 2rem;color:#64748b}.no-results-icon{font-size:3rem;margin-bottom:1rem;color:#cbd5e1}.no-results h2{font-size:1.5rem;margin-bottom:.5rem;color:#334155}.error-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.error-content{text-align:center;max-width:500px;padding:2rem}.error-content h2{color:#dc2626;margin-bottom:1rem}.retry-button{margin-top:1.5rem;padding:.8rem 1.5rem;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#ff4757}.offline-container{display:flex;justify-content:center;align-items:center;min-height:70vh}.offline-content{text-align:center;max-width:500px;padding:2rem}.offline-content h1{color:#334155;margin-bottom:1rem}.offline-icon{font-size:3rem;margin-top:1.5rem}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:stretch}.action-buttons{flex-direction:column;gap:1rem;align-items:stretch}.user-profile{justify-content:space-between}}.header-container{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;padding:.5rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo-section{display:flex;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.logo{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem}.brand-name{font-size:1.5rem;font-weight:700;color:#ff6b6b}.nav-section{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:1.5rem}.nav-item{display:flex;align-items:center}.nav-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-link:hover{color:#ff6b6b}.nav-icon{font-size:1.2rem}.status .online-icon{color:#4bb543}.status .offline-icon{color:#ff4757}.cart-link{position:relative}.cart-icon{font-size:1.4rem}.cart-count{position:absolute;top:-8px;right:-8px;background-color:#ff6b6b;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.cart-text{display:none}.user-info{display:flex;align-items:center;gap:.5rem}.user-icon{font-size:1.2rem;color:#666}.username{font-weight:500;color:#333}.login-btn{display:flex;align-items:center;gap:.5rem;background-color:#ff6b6b;color:#fff;border:none;border-radius:5px;padding:.6rem 1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn:hover{background-color:#ff4757;transform:translateY(-2px)}.login-icon,.logout-icon{font-size:1.2rem}@media (max-width: 768px){.header-content{flex-direction:column;padding:1rem}.logo-section{margin-bottom:1rem}.nav-list{flex-wrap:wrap;justify-content:center;gap:1rem}.brand-name{font-size:1.3rem}.cart-text{display:inline}}@media (max-width: 480px){.nav-list{gap:.5rem}.nav-link span,.username{display:none}.nav-icon,.cart-icon,.user-icon{font-size:1.4rem}.login-btn span{display:none}.login-btn{padding:.6rem}}