@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--primary-color: #ff4c24;--secondary-color: #2d3436;--bg-color: #ffffff;--text-dark: #2d3436;--text-light: #6d6d6d;--glass-bg: rgba(245, 245, 245, .95);--card-bg: #ffffff;--border-color: #bbb;--shadow-sm: 0px 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0px 10px 15px rgba(0, 0, 0, .08);--shadow-lg: 0px 20px 25px rgba(0, 0, 0, .1);--transition-fast: .3s ease;--transition-slow: .5s ease}[data-theme=dark]{--bg-color: #121212;--text-dark: #f5f5f5;--text-light: #a0a0a0;--glass-bg: rgba(18, 18, 18, .85);--card-bg: #1e1e1e;--border-color: rgba(255, 255, 255, .08);--shadow-sm: 0px 4px 6px rgba(0, 0, 0, .3);--shadow-md: 0px 10px 15px rgba(0, 0, 0, .4);--shadow-lg: 0px 20px 25px rgba(0, 0, 0, .5)}*{padding:0;margin:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--bg-color);color:var(--text-dark)}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{padding:15px 0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background-color:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast)}.navbar .logo{width:140px}.navbar-menu{display:flex;list-style:none;gap:30px;color:var(--text-dark);font-size:16px;font-weight:500}.navbar-menu a{cursor:pointer;transition:var(--transition-fast);padding-bottom:2px;border-bottom:2px solid transparent}.navbar-menu a:hover,.navbar-menu .active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.navbar-right{display:flex;align-items:center;gap:35px}.navbar-search-container{display:flex;align-items:center;gap:10px;background-color:#f7f7f7;padding:8px 15px;border-radius:50px;border:1px solid #e9e9e9;transition:var(--transition-fast);width:42px;overflow:hidden}.navbar-search-container.active{width:280px;background-color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px #ff4c241a}.navbar-search-container img{cursor:pointer;width:20px}.navbar-search-container input{border:none;outline:none;background:transparent;width:100%;font-size:14px}.navbar button{background:transparent;font-size:15px;color:var(--text-dark);border:1px solid var(--primary-color);padding:10px 25px;border-radius:50px;cursor:pointer;transition:var(--transition-fast);font-weight:500}.navbar button:hover{background-color:#fff4f2;transform:scale(1.02)}.navbar li{cursor:pointer}.navbar-search-icon{position:relative}.navbar-search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:var(--primary-color);border-radius:50%;top:-8px;right:-8px;border:2px solid white}@media (max-width: 1050px){.navbar .logo{width:120px}.navbar-menu{gap:20px;font-size:15px}.navbar-right{gap:30px}.navbar-right img{width:22px}.navbar-right button{padding:8px 25px}}@media (max-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 (max-width: 750px){.navbar-menu{display:none}.navbar-right{gap:20px}}.navbar-profile{position:relative}.navbar-profile:hover .nav-profile-dropdown{display:flex}.nav-profile-dropdown{position:absolute;display:none;flex-direction:column;gap:10px;background-color:#fff2ef;padding:12px 25px;border-radius:4px;border:1px solid #df6f29ff;outline:2px solid white;list-style:none;z-index:1;right:0}.nav-profile-dropdown li{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-profile-dropdown li:hover p{color:#df6f29}.nav-profile-dropdown hr{width:100%}.header{height:34vw;margin:30px auto;background:linear-gradient(#0006,#0000001a),url(/header_img.jpg) no-repeat center center;background-size:cover;position:relative;border-radius:15px;overflow:hidden}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 1.5s ease-out}.header-contents h2{font-weight:700;color:#fff;font-size:max(4.5vw,24px);line-height:1.1;text-shadow:0px 4px 20px rgba(0,0,0,.6)}.header-contents p{color:#fff;font-size:1.1vw;font-weight:400;text-shadow:0px 2px 15px rgba(0,0,0,.5);line-height:1.5}.header-contents button{border:none;color:var(--primary-color);font-weight:600;padding:1.2vw 3vw;background-color:#fff;font-size:max(1.1vw,14px);border-radius:50px;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.header-contents button:hover{background-color:#f8f8f8;transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-lg)}@media (max-width: 1050px){.header-contents{max-width:60%}.header-contents h2{font-size:max(5vw,22px)}}@media (max-width: 750px){.header{height:50vw}.header-contents{max-width:80%;gap:3vw;bottom:15%}.header-contents p{display:none}.header-contents button{padding:2.5vw 6vw;font-size:14px}}.explore-menu{display:flex;flex-direction:column;gap:15px;margin-top:40px}.explore-menu h1{color:var(--text-dark);font-weight:600;font-size:max(2vw,24px)}.explore-menu-text{max-width:80%;color:var(--text-light);line-height:1.6}.explore-menu-list{display:flex;justify-content:flex-start;align-items:center;gap:25px;text-align:center;margin:30px 0;overflow-x:scroll;padding:20px 5px}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item{flex:0 0 auto;background-color:var(--card-bg);padding:20px 15px;border-radius:15px;box-shadow:0 4px 15px #0000000d;cursor:pointer;transition:all .3s ease;border:2px solid var(--border-color)}.explore-menu-list-item:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001a}.explore-menu-list-item img{width:6vw;min-width:90px;border-radius:12px;transition:all .3s ease}.explore-menu-list-item p{margin-top:15px;color:var(--text-dark);font-size:max(1.1vw,15px);font-weight:500}.explore-menu-list-item.active{border-color:var(--primary-color);background-color:var(--glass-bg)}.explore-menu-list-item.active p{color:tomato;font-weight:600}.explore-menu-list-item.active img{transform:scale(1.05)}@media (max-width: 1050px){.explore-menu-text{max-width:100%;font-size:14px;line-height:1.5}.explore-menu h1{font-size:22px}}.food-display{margin-top:30px;padding:0 20px}.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));gap:30px 20px;margin-top:30px}.food-item{width:100%;margin:auto;border-radius:20px;box-shadow:0 8px 30px #0000000d;transition:all .4s cubic-bezier(.165,.84,.44,1);background-color:var(--card-bg);overflow:hidden;position:relative;border:1px solid var(--border-color);animation:slideUpFade .7s ease-out}.food-item:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000001f;border-color:var(--primary-color)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.food-item-img-container{position:relative;overflow:hidden}.food-item-img-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,.15),transparent);pointer-events:none}.food-item-image{width:100%;height:220px;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.food-item:hover .food-item-image{transform:scale(1.08)}.food-item-info{padding:25px 20px}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.food-item-name-rating p{font-size:20px;font-weight:700;color:var(--text-dark);letter-spacing:-.5px}.food-item-name-rating img{width:75px;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.05))}.food-item-desc{color:var(--text-light);font-size:14px;line-height:1.6;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-item-price{color:var(--primary-color);font-size:24px;font-weight:800;display:flex;align-items:center;gap:2px}.food-item-img-container .add{width:42px;position:absolute;bottom:20px;right:20px;cursor:pointer;border-radius:50%;box-shadow:0 4px 15px #00000026;transition:all .3s ease;z-index:2}.food-item-img-container .add:hover{transform:scale(1.15) rotate(90deg)}.food-item-counter{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:50px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 25px #0000001a;z-index:2;transition:all .3s ease}.food-item-counter img{width:28px;cursor:pointer;transition:transform .2s ease}.food-item-counter img:active{transform:scale(.9)}.food-item-counter p{font-weight:700;color:var(--text-dark);font-size:16px}.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;color:var(--text-dark)}.place-order-left input{margin-bottom:15px;width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;outline-color:var(--primary-color);background-color:var(--card-bg);color:var(--text-dark);transition:.3s}.place-order-left input:focus{background-color:var(--glass-bg);box-shadow:0 0 5px #ff4c2433}.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;width:100%}.payment-method{margin-top:50px}.payment-method h2{font-size:24px;font-weight:600;margin-bottom:30px;color:var(--text-dark)}.payment-option{display:flex;align-items:center;gap:15px;padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:15px;cursor:pointer;transition:.3s;background-color:var(--card-bg)}.payment-option:hover{background-color:var(--glass-bg)}.payment-option.active{border-color:var(--primary-color);background-color:var(--glass-bg)}.radio-circle{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative}.payment-option.active .radio-circle{border-color:var(--primary-color)}.payment-option.active .radio-circle:after{content:"";position:absolute;width:10px;height:10px;background-color:var(--primary-color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.payment-option p{font-size:15px;color:var(--text-dark)}.payment-method button{margin-top:30px;width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:.3s}.payment-method button:hover{background-color:#e03e1a}.cart{margin-top:100px}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:var(--text-light);font-size:max(1vw,12px)}.cart-items-item{margin:10px 0;color:var(--text-dark)}.cart-items-item img{width:50px}.cart hr{height:1px;background-color:var(--border-color);border:none}.cart-items-item .cross{cursor:pointer}.cart-bottom{margin-top:80px;display:flex;justify-content:space-between;gap:max(12vw,20px)}.cart-total{flex:1;display:flex;flex-direction:column;gap:20px}.cart-total-details{display:flex;justify-content:space-between;color:var(--text-light)}.cart-total hr{margin:10px 0}.cart-total button{border:none;color:#fff;background-color:var(--primary-color);width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-promocode{flex:1}.cart-promocode p{color:var(--text-light)}.cart-promocode-input{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:var(--glass-bg);border-radius:4px;border:1px solid var(--border-color)}.cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px;color:var(--text-dark)}.cart-promocode-input button{width:max(10vw,150px);padding:12px;background-color:var(--secondary-color);border:none;color:#fff;border-radius:4px}@media (max-width:750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}.footer{color:#d1d1d1;background-color:var(--secondary-color);display:flex;flex-direction:column;align-items:center;gap:40px;padding:80px 8vw 40px;margin-top:100px}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:100px}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left p{line-height:1.6}.footer-content li{list-style:none;margin-bottom:12px;cursor:pointer;transition:var(--transition-fast)}.footer-content li:hover{color:var(--primary-color);transform:translate(5px)}.footer-content-right h2,.footer-content-center h2{color:#fff;font-weight:600;margin-bottom:10px}.footer-social-icons{display:flex;gap:15px}.footer-social-icons img{width:35px;cursor:pointer;transition:var(--transition-fast)}.footer-social-icons img:hover{transform:translateY(-5px)}.footer hr{width:100%;height:1px;margin:20px 0;background-color:#4d4d4d;border:none}.Logo{width:150px;margin-bottom:10px}.footer-copyright{font-size:14px}@media (max-width: 900px){.footer-content{grid-template-columns:1fr;gap:40px}}.login-popup{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.login-popup-container{place-self:center;width:max(23vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup-title img{width:16px;cursor:pointer}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:4px}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:#f77732;font-size:15px;cursor:pointer}.login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup p span{color:#f77732;font-weight:500;cursor:pointer}.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{margin:50px 0}.my-orders .container{display:flex;flex-direction:column;gap:20px;margin-top:30px}.my-orders-order{display:grid;grid-template-columns:.5fr 1.5fr 1fr 1fr 3fr 1fr;align-items:center;gap:30px;font-size:14px;padding:15px 25px;color:var(--text-dark);border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:4px;box-shadow:var(--shadow-sm);transition:.3s}.status-timeline{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:5px}.status-text{font-size:13px;margin-bottom:5px}.status-text span{color:var(--primary-color);margin-right:5px}.status-text b{color:var(--text-dark);font-weight:500}.timeline-steps{display:flex;align-items:center;justify-content:space-between;width:100%}.status-step{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;color:var(--text-light)}.status-step.active{color:var(--primary-color);font-weight:500}.status-dot{width:12px;height:12px;background-color:var(--border-color);border-radius:50%}.status-step.active .status-dot{background-color:var(--primary-color)}.status-line{flex:1;height:2px;background-color:var(--border-color);margin:0 5px 20px}.status-line.active{background-color:var(--primary-color)}.status-step p{font-size:11px;white-space:nowrap}.my-orders-order:hover{box-shadow:var(--shadow-md)}.my-orders-order img{width:50px}.my-orders-order button{border:none;padding:12px 0;border-radius:4px;background-color:var(--glass-bg);border:1px solid var(--primary-color);cursor:pointer;color:var(--text-dark);transition:.3s}.my-orders-order button:hover{background-color:var(--primary-color);color:#fff}@media (max-width:900px){.my-orders-order{grid-template-columns:1fr 2fr 1fr;row-gap:5px;font-size:12px}.my-orders-order button{font-size:10px}}.app-download{margin:100px auto 0;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)}.app-download-stats{display:flex;justify-content:center;gap:80px;margin-bottom:60px;padding:30px;border-bottom:1px solid var(--border-color)}.stat-item h3{color:var(--primary-color);font-size:max(2.5vw,30px);font-weight:700}.stat-item p{color:var(--text-light);font-size:14px;margin-top:5px}@media (max-width: 750px){.app-download-stats{flex-direction:column;gap:30px}}.newsletter{padding:60px 20px;background:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1504674900247-0877df9cc836?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;border-radius:20px;margin:80px 0;text-align:center;color:#fff}.newsletter-container h2{font-size:max(2.5vw,24px);font-weight:600;margin-bottom:10px}.newsletter-container p{font-size:max(1.2vw,15px);margin-bottom:30px;opacity:.9}.newsletter-form{display:flex;justify-content:center;max-width:600px;margin:0 auto;background-color:var(--card-bg);padding:5px;border-radius:50px;box-shadow:0 10px 30px #0003}.newsletter-form input{flex:1;border:none;outline:none;padding-left:25px;font-size:16px;border-radius:50px}.newsletter-form button{background-color:#ff4c24;color:#fff;border:none;padding:12px 35px;border-radius:50px;font-size:max(1vw,14px);font-weight:500;cursor:pointer;transition:.3s}.newsletter-form button:hover{background-color:#e03e1a;transform:scale(1.02)}@media (max-width: 750px){.newsletter-form{flex-direction:column;background:transparent;box-shadow:none;gap:15px}.newsletter-form input{padding:15px 25px;border-radius:30px}.newsletter-form button{padding:15px}}