@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&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{width:80%;margin:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.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: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-menu{display:none}}.navbar-search-container{align-items:center;gap:8px;display:flex;position:relative}.navbar-search-input{opacity:0;color:#49557e;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;width:0;padding:6px 0;font-family:Outfit,sans-serif;font-size:15px;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-search-input.active{opacity:1;border-bottom:2px solid tomato;width:150px;padding:6px 10px}.navbar-search-btn{cursor:pointer;transition:transform .2s}.navbar-search-btn:hover{transform:scale(1.15)}.header{background:url(/header_img.png) 0 0/contain no-repeat;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;cursor:pointer;background-color:#fff;border:none;border-radius:50px;padding:1vw 2.3vw;font-size:max(1vw,13px);font-weight:500;transition:all .3s}.header-contents button:hover{color:tomato;background-color:#fff0e2;transform:scale(1.05)}@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}}.explore-menu{flex-direction:column;gap:20px;display:flex}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{color: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{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:50px 30px;margin-top:30px;display:grid}.no-results-msg{text-align:center;color:#7f8c8d;background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:8px;grid-column:1/-1;padding:40px 20px;font-family:Outfit,sans-serif;font-size:18px}.food-item{border-radius:15px;width:100%;margin:auto;transition:all .3s;animation:1s fadeIn;box-shadow:0 0 10px #00000015}.food-item-image{border-radius:15px 15px 0 0;width:100%}.food-item-info{padding:20px}.food-item-name-rating{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.food-item-name-rating p{font-size:20px;font-weight:500}.food-item-name-rating img{width:70px}.food-item-desc{color:#676767;font-size:12px}.food-item-price{color:tomato;margin:10px 0;font-size:22px;font-weight:500}.food-item-image-container{position:relative}.food-item-image-container .add{cursor:pointer;border-radius:50%;width:35px;position:absolute;bottom:15px;right:15px}.food-item-counter{background-color:#fff;border-radius:50px;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;bottom:15px;right:15px}.food-item-counter img{width:30px}.app-download{text-align:center;margin:100px auto auto;font-size:max(3vw,20px);font-weight:500}.app-download-platforms{justify-content:center;gap:max(2vw,10px);margin-top:40px;display:flex}.app-download-platforms img{cursor:pointer;width:max(30vw,120px);max-width:180px;transition:all .5s}.app-download-platforms img:hover{transform:scale(1.05)}.cart{margin-top:100px}.cart-items-title{color:gray;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;font-size:max(1vw,12px);display:grid}.cart-items-item{color:#000;margin:10px 0}.cart-items-item img{width:50px}.cart hr{background-color:#e2e2e2;border:none;height:1px}.cart-items-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:4px;width:max(15vw,200px);padding:12px 0}.cart-promocode{flex:1}.cart-promocode p{color:#555}.cart-promocode-input{background-color:#eaeaea;border-radius:4px;justify-content:space-between;align-items:center;margin-top:10px;display:flex}.cart-promocode-input input{background:0 0;border:none;outline:none;padding-left:10px}.cart-promocode-input button{color:#fff;background-color:#000;border:none;border-radius:4px;width:max(10vw,150px);padding:12px 5px}@media (width<=750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}.place-order{justify-content:space-between;align-items:center;gap:50px;margin-top:100px;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}.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-center,.footer-content-right{flex-direction:column;align-items:start;gap:20px;display:flex}.footer-content-left li,.footer-content-center li,.footer-content-right li{cursor:pointer;margin-bottom:10px;list-style:none}.footer-content-center h2,.footer-content-right 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:1;background-color:#00000090;width:100%;height:100%;display:grid;position:absolute}.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{background:linear-gradient(135deg,#fff8f6 0%,#fff 100%);justify-content:center;align-items:center;min-height:70vh;padding:20px;display:flex}.verify-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:50px 60px;animation:.4s slideUp;display:flex;box-shadow:0 10px 50px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spinner{border:5px solid #f3f3f3;border-top-color:tomato;border-radius:50%;width:60px;height:60px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.checkmark-circle,.checkmark-svg{width:80px;height:80px}.checkmark-circle-bg{stroke:#4caf50;stroke-width:2px;stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeDraw}.checkmark-check{stroke:#4caf50;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48px;animation:.4s cubic-bezier(.65,0,.45,1) .5s forwards strokeDraw}@keyframes strokeDraw{to{stroke-dashoffset:0}}.cross-circle,.cross-svg{width:80px;height:80px}.cross-circle-bg{stroke:#f44336;stroke-width:2px;stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeDraw}.cross-line{stroke:#f44336;stroke-width:3px;stroke-linecap:round;stroke-dasharray:30;stroke-dashoffset:30px;animation:.4s .5s forwards strokeDraw}.verify-title{margin:0;font-size:1.6rem;font-weight:700}.success-card .verify-title{color:#2e7d32}.failed-card .verify-title{color:#c62828}.verify-msg{color:#555;margin:0;font-size:1rem}.verify-sub{color:#888;margin:0;font-size:.85rem}.verify-sub span{color:tomato;letter-spacing:1px;font-weight:700}.verify-redirect{color:#aaa;margin:4px 0 0;font-size:.8rem}.verify-btn{color:#fff;cursor:pointer;background:tomato;border:none;border-radius:8px;margin-top:8px;padding:12px 32px;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.verify-btn:hover{background:#e0391a;transform:translateY(-1px)}.failed-btn{background:#f44336}.failed-btn:hover{background:#c62828}.my-orders{padding:80px 6vw 40px}.my-orders h2{color:#2d2d2d;border-bottom:2px solid tomato;margin-bottom:28px;padding-bottom:12px;font-size:1.8rem;font-weight:700;display:inline-block}.orders-loading{color:#888;flex-direction:column;align-items:center;gap:16px;padding:60px 0;display:flex}.orders-spinner{border:4px solid #f3f3f3;border-top-color:tomato;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.orders-empty{color:#aaa;flex-direction:column;align-items:center;gap:14px;padding:60px 0;font-size:1rem;display:flex}.orders-empty img{opacity:.3;width:60px}.my-orders-list{flex-direction:column;gap:16px;display:flex}.my-orders-item{background:#fff;border:1px solid #eee;border-radius:14px;grid-template-columns:60px 1fr auto auto;align-items:center;gap:20px;padding:18px 22px;transition:box-shadow .2s,transform .2s;animation:.3s fadeIn;display:grid;box-shadow:0 2px 10px #0000000d}.my-orders-item:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.order-icon-wrap{background:#fff4f0;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.parcel-icon{opacity:.8;width:30px}.order-info{flex-direction:column;gap:6px;display:flex}.order-food-list{color:#333;margin:0;font-size:.9rem;font-weight:500;line-height:1.4}.order-meta{align-items:center;gap:6px;font-size:.82rem;display:flex}.order-amount{color:#222;font-size:.95rem;font-weight:700}.order-count{color:#888}.order-payment{font-size:.8rem;font-weight:600}.order-status{white-space:nowrap;border:1.5px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:flex}.status-dot{font-size:.9rem}.track-btn{color:#fff;cursor:pointer;white-space:nowrap;background:tomato;border:none;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:600;transition:background .2s,transform .1s}.track-btn:hover{background:#e0391a;transform:translateY(-1px)}.order-actions{white-space:nowrap;align-items:center;gap:10px;display:flex}.pay-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4caf50;border:none;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:600;transition:background .2s,transform .1s}.pay-btn:hover:not(.disabled){background:#43a047;transform:translateY(-1px)}.pay-btn:active:not(.disabled){transform:scale(.98)}.pay-btn.disabled{color:#f0fdf0;cursor:not-allowed;box-shadow:none;background:#a5d6a7;transform:none}@media (width<=700px){.my-orders-item{grid-template-rows:auto auto;grid-template-columns:50px 1fr}.order-status,.order-actions{grid-column:2}}.track-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.track-modal-content{background:#fff;border-radius:18px;width:92%;max-width:580px;max-height:90vh;padding:24px 28px;animation:.3s cubic-bezier(.34,1.3,.64,1) forwards modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 16px 36px #0000001f}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.track-modal-close{cursor:pointer;background:#fcfcfc;border:1px solid #eaeaea;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.track-modal-close:hover{background:#fceae6;border-color:#ffd8cc;transform:scale(1.08)}.track-modal-close img{opacity:.8;width:11px}.track-header{border-bottom:1px solid #f0f0f0;margin-bottom:25px;padding-bottom:16px}.track-header h3{color:#262626;margin:0 0 6px;font-size:1.35rem;font-weight:700}.track-order-id{color:#777;margin:0 0 4px;font-family:monospace;font-size:.82rem}.track-order-date{color:#999;margin:0;font-size:.8rem}.track-timeline{justify-content:space-between;align-items:flex-start;margin:22px 0 26px;display:flex;position:relative}.track-timeline:before{content:"";z-index:1;background:#ebebeb;height:3.5px;position:absolute;top:18px;left:28px;right:28px}.track-timeline-bar{z-index:2;background:tomato;height:3.5px;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;top:18px;left:28px}.timeline-step{z-index:3;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-icon-wrap{background:#fff;border:2.5px solid #ebebeb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;transition:all .3s;display:flex;box-shadow:0 2px 6px #00000008}.timeline-step.completed .step-icon-wrap{color:#fff;background:tomato;border-color:tomato}.timeline-step.active .step-icon-wrap{color:tomato;background:#fff;border-color:tomato;animation:1.6s infinite activePulse;box-shadow:0 0 0 4px #ff634733}@keyframes activePulse{0%{box-shadow:0 0 #ff634773}70%{box-shadow:0 0 0 8px #ff634700}to{box-shadow:0 0 #ff634700}}.step-title{color:#888;margin-top:10px;font-size:.8rem;font-weight:600}.timeline-step.completed .step-title,.timeline-step.active .step-title{color:#2b2b2b;font-weight:700}.step-desc{color:#aaa;text-align:center;max-width:85px;margin-top:3px;font-size:.68rem;line-height:1.2}.track-animation-box{background:#fbfbfb;border:1px dashed #e5e5e5;border-radius:12px;justify-content:center;align-items:center;min-height:100px;margin-bottom:18px;padding:14px 20px;display:flex;overflow:hidden}.cooking-container{flex-direction:column;align-items:center;gap:4px;display:flex}.cooking-pan{font-size:2.8rem;animation:.5s ease-in-out infinite alternate panSizzle}@keyframes panSizzle{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(6deg)translateY(-5px)}}.preparing-smoke{gap:7px;height:15px;display:flex}.smoke-cloud{opacity:0;background:#d6d6d6;border-radius:3px;width:5px;height:12px;animation:1.2s ease-out infinite smokeFloat}.smoke-cloud:nth-child(2){animation-delay:.4s}.smoke-cloud:nth-child(3){animation-delay:.8s}@keyframes smokeFloat{0%{opacity:0;transform:translateY(8px)scale(.6)}50%{opacity:.4}to{opacity:0;transform:translateY(-16px)scale(1.1)}}.road-container{align-items:center;width:100%;height:70px;display:flex;position:relative}.road-line{background:repeating-linear-gradient(90deg,#d8d8d8 0 8px,#0000 8px 16px);width:100%;height:3px;position:absolute;bottom:12px}.animated-truck{font-size:2.4rem;animation:3.2s linear infinite bikeRide,.22s ease-in-out infinite bikeBobble;position:absolute;bottom:8px}@keyframes bikeRide{0%{left:-12%}to{left:108%}}@keyframes bikeBobble{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.celebrate-container{flex-direction:column;align-items:center;gap:8px;display:flex}.celebrate-badge{font-size:2.8rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) bouncePop}@keyframes bouncePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.track-info-grid{border-top:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px;padding-top:16px;display:grid}.info-section h4{color:#2b2b2b;letter-spacing:.3px;margin:0 0 12px;font-size:.9rem;font-weight:700}.address-details p{color:#555;margin:0 0 4px;font-size:.82rem;line-height:1.45}.track-items-list{background:#fafafa;border:1px solid #ededed;border-radius:8px;padding:10px 14px}.track-item-row{color:#555;border-bottom:1px dashed #e8e8e8;justify-content:space-between;padding:6px 0;font-size:.78rem;display:flex}.track-item-row:last-child{border-bottom:none}.track-refresh-btn{color:#444;cursor:pointer;background:#fdfdfd;border:1px solid #dcdcdc;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.track-refresh-btn:hover:not(.disabled){color:#111;background:#f5f5f5;border-color:#ccc}.track-refresh-btn:active:not(.disabled){transform:scale(.99)}.track-refresh-btn.disabled{color:#999;cursor:not-allowed;background:#f7f7f7;border-color:#e5e5e5}.refresh-icon{transition:transform .2s;display:inline-block}.refresh-icon.spinning{animation:1.2s linear infinite spinRotate}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=580px){.track-info-grid{grid-template-columns:1fr;gap:20px}.track-timeline:before,.track-timeline-bar{display:none}.track-timeline{flex-direction:column;align-items:flex-start;gap:15px;margin:20px 0;padding-left:20px}.timeline-step{text-align:left;flex-direction:row;gap:14px}.step-desc{text-align:left;max-width:none}}.unpaid-checkout-container{text-align:center;flex-direction:column;align-items:center;padding:10px 0 20px;display:flex}.card-animation-wrap{perspective:1000px;margin-bottom:20px}.credit-card-graphic{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-radius:12px;flex-direction:column;justify-content:space-between;width:220px;height:130px;padding:16px;animation:3s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #1e3c724d}.credit-card-graphic:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}@keyframes cardFloat{0%,to{transform:translateY(0)rotateY(0)rotateX(0)}50%{transform:translateY(-8px)rotateY(5deg)rotateX(2deg)}}.card-chip{background:linear-gradient(135deg,#f1c40f 0%,#f39c12 100%);border-radius:4px;width:30px;height:22px}.card-logo{letter-spacing:1px;opacity:.9;font-size:.85rem;font-weight:800;position:absolute;top:16px;right:16px}.card-number{letter-spacing:2px;text-shadow:1px 1px 2px #0000004d;margin-top:15px;font-family:monospace;font-size:1rem}.card-name{text-transform:uppercase;letter-spacing:1px;opacity:.8;text-align:left;font-size:.72rem}.unpaid-title{color:#333;margin:0 0 8px;font-size:1.15rem;font-weight:700}.unpaid-desc{color:#666;max-width:380px;margin:0 0 20px;font-size:.84rem;line-height:1.5}.modal-pay-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;width:100%;max-width:380px;padding:12px;font-size:.92rem;font-weight:700;transition:background .2s,transform .1s;box-shadow:0 4px 12px #4caf5033}.modal-pay-btn:hover:not(.disabled){background:#43a047;transform:translateY(-1px)}.modal-pay-btn:active:not(.disabled){transform:scale(.98)}.modal-pay-btn.disabled{color:#f0fdf0;cursor:not-allowed;box-shadow:none;background:#a5d6a7;transform:none}