@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.navbar{padding:10px;display:flex;justify-content:space-between;align-items:center;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background-color:var(--bg-color);z-index:9999!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hr-color);box-sizing:border-box}.navbar .logo{width:150px;flex-shrink:0}.hamburger{display:none;flex-direction:column;cursor:pointer;background:none;border:none!important;outline:none;padding:8px;margin-left:auto;border-radius:4px;transition:background-color .2s ease}.hamburger:hover{background-color:var(--navbar-hover)}.hamburger span{width:20px;height:2px;background-color:var(--navbar-text);margin:2px 0;transition:.3s}.navbar-menu{display:flex;list-style:none;gap:15px;color:var(--navbar-text);font-size:18px;flex:1;justify-content:center;margin:0 40px}.navbar-right{display:flex;align-items:center;gap:15px;flex-shrink:0}.navbar button{background:transparent;font-size:16px;color:var(--navbar-text);padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar buttoxn{background:transparent;font-size:16px;color:var(--navbar-text);border:1px solid var(--navbar-text);padding:8px 30px;border-radius:4px;cursor:pointer;transition:.3s}.navbar button:hover{background-color:var(--navbar-hover)}.navbar .active{padding-bottom:2px}.navbar li{cursor:pointer}.navbar-search-icon{position:relative;padding:8px;border-radius:4px;transition:background-color .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.navbar-search-icon img{width:24px;height:24px;filter:var(--icon-filter)}.navbar-search-icon:hover{background-color:var(--navbar-hover)}.navbar-search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:#c41e3a;border-radius:5px;top:3px;right:1px}.navbar-profile{position:relative;padding:8px;border-radius:4px;transition:background-color .2s ease;cursor:pointer}.navbar-profile>img{width:24px;height:24px;filter:var(--icon-filter)}.navbar-profile:hover{background-color:var(--navbar-hover)}.nav-profile-dropdown{position:absolute;display:none;right:0;z-index:1}.navbar-profile:hover .nav-profile-dropdown{display:flex;flex-direction:column;gap:15px;background-color:var(--navbar-hover);padding:12px 25px;border-radius:4px;border:1px solid var(--navbar-border);outline:2px solid var(--navbar-border);list-style:none;color:var(--navbar-text)}.nav-profile-dropdown img{width:20px}.nav-profile-dropdown li:hover{color:var(--active-border)}.nav-profile-dropdown li{display:flex;align-items:center;gap:15px;cursor:pointer;color:var(--navbar-text)}@media (max-width:1050px){.navbar .logo{width:140px}.navbar-menu{gap:15px;font-size:17px}.navbar-right{gap:15px}.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:15px}.navbar-right img{width:20px}.navbar-right button{padding:7px 20px;font-size:15px}}@media (max-width:750px){.hamburger{display:flex}.navbar-menu{display:none}.navbar-menu.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);border:1px solid var(--navbar-border);padding:15px;gap:15px;z-index:10;box-shadow:0 2px 5px #0000001a}.navbar{position:relative}}.theme-selector{position:relative;display:inline-block}.theme-selector-button{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;color:var(--navbar-text)}.theme-selector-button:hover{background:var(--navbar-hover)}.theme-selector-button svg{width:20px;height:20px;min-width:20px;min-height:20px;display:block;color:var(--navbar-text, currentColor);flex-shrink:0}.theme-dropdown{position:absolute;top:48px;right:0;left:auto;background:var(--navbar-hover);box-shadow:0 6px 16px #00000029;padding:10px;display:flex;flex-direction:column;gap:5px;z-index:1000}.theme-dropdown-title{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-color);opacity:.65;font-weight:600}.mode-toggle{display:flex;flex-direction:column;gap:5px}.mode-toggle .track{position:relative;display:block;background:var(--navbar-hover);overflow:hidden;min-height:180px}.mode-toggle .slider{position:absolute;top:0;left:0;width:33.3333%;height:100%;background:var(--accent-color);box-shadow:0 8px 20px #00000026;transition:transform .25s ease;pointer-events:none}.mode-option{width:100%;border:none;background:transparent;color:var(--text-color);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:18px 0 18px 20px;gap:6px;font-size:13px;font-weight:500;cursor:pointer;z-index:1;transition:color .2s ease,transform .2s ease}.mode-option .icon{display:grid;place-items:center}.mode-option .icon svg{width:16px;height:16px}.mode-option .option-label{font-size:12px;white-space:nowrap}.mode-option:hover{transform:translateY(-1px)}.mode-option.active{color:#fff;background:#d4af371a;font-weight:600}.light .mode-option.active{color:#222!important;background:#d4af372e}.light .mode-option.active{color:#222!important}.light .mode-option.active .icon svg{color:#222!important;fill:#222!important}.mode-hint{text-align:center;font-size:12px;color:var(--text-color);opacity:.7}.home-about{text-align:center;padding:40px 20px;background-color:var(--home-about-bg);margin:20px 0;color:var(--home-about-p)}.home-about h2{color:var(--home-about-text);margin-bottom:20px}.home-about p{font-size:18px;line-height:1.6;max-width:800px;margin:0 auto 20px;color:var(--home-about-p)}.learn-more-btn{display:inline-block;padding:10px 20px;background-color:tomato;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.learn-more-btn:hover{background-color:#e55a3a}.header-learn-more-btn{display:inline-block;padding:10px 20px;background-color:tomato;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.header{height:34vw;margin:30px auto;background:url(/dish.png) no-repeat;background-size:contain;position:relative}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;color:#fff;font-size:max(4.5vw,22px)}.header-contents p{color:#fff;font-size:1vw}.header-contents button{border:none;color:#747474;font-weight:500;padding:1vw 2.3vw;background-color:#fff;font-size:max(1vw,13px);border-radius:50px}@media (max-width:1050px){.header-contents{max-width:45%}}@media (max-width:750px){.header-contents{max-width:65%}.header-contents p{display:none}.header-contents button{padding:2vw 4vw}}.explore-menu{display:flex;flex-direction:column;gap:28px}.explore-menu h1{color:var(--heading-color);font-weight:500}.explore-menu-text{max-width:60%;color:var(--subtext-color)}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow:scroll;scroll-behavior:smooth}.explore-menu-list::-webkit-scrollbar{display:none}.scroll-hint{display:none;text-align:center;color:#d4af37;font-size:14px;font-weight:500;margin-top:-15px;animation:pulse 1.5s ease-in-out infinite}.explore-menu-list-item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu-list-item p{margin-top:10px;color:var(--list-item-color);font-size:max(1.4vw,16px);cursor:pointer}.explore-menu hr{margin:10px 0;height:2px;background-color:var(--hr-color);border:none}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:1050px){.explore-menu-text{max-width:100%;font-size:14px}.scroll-hint{display:block}}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;border:2px solid #e0e0e0;transition:.3s;animation:fadeIn 1s;height:450px;display:flex;flex-direction:column;overflow:hidden}.food-item-image{width:100%;height:200px;object-fit:cover;border-radius:15px 15px 0 0}.food-item-info{padding:20px;flex:1;display:flex;flex-direction:column}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-name-rating p{font-size:20px;font-weight:500}.food-item-name-rating img{width:70px}.food-item-desc{color:var(--desc-color);font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.food-item-price{color:var(--price-color);font-size:22px;font-weight:500;margin:10px 0}.food-item-img-container{position:relative}.food-item-img-container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;border:2px solid orange;background-color:orange;z-index:50;pointer-events:auto}.food-item-counter{position:absolute;bottom:15px;right:15px;color:#000;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.food-item-counter img{width:30px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:auto}.modal-content{background-color:var(--bg-color);color:var(--text-color);padding:20px;border-radius:8px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{margin-bottom:15px;color:var(--heading-color)}.modal-option{margin-bottom:15px}.modal-option label{font-weight:700;display:block;margin-bottom:8px;color:var(--text-color)}.modal-option select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--hr-color);background-color:var(--bg-color);color:var(--text-color)}.modal-buttons{display:flex;gap:10px;margin-top:15px}.modal-buttons button{flex:1;padding:10px;border:none;border-radius:4px;cursor:pointer}.modal-buttons .cancel{background-color:var(--hr-color);color:var(--text-color)}.modal-buttons .add{background-color:var(--highlight-title);color:#fff}.allergen-warning{background-color:var(--highlight-bg);padding:15px;border-radius:4px;margin-bottom:15px;border:1px solid var(--navbar-border)}.allergen-item{padding:5px 0;border-bottom:1px solid var(--hr-color);color:var(--text-color)}.allergen-item:last-child{border-bottom:none}.allergen-note{font-size:12px;color:var(--subtext-color);margin-bottom:15px;font-style:italic}.allergen-close{width:100%;padding:10px;background-color:var(--highlight-title);color:#fff;border:none;border-radius:4px;cursor:pointer}.rating-container{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rating-stars{display:flex;gap:2px}.star{font-size:16px;color:#ddd;transition:color .2s}.star.filled{color:#ffc107}.star.interactive{cursor:pointer}.star.interactive:hover{color:#ffc107}.rating-text{font-size:11px;color:var(--subtext-color);white-space:nowrap}.food-item-actions{display:flex;gap:5px;margin-top:auto;align-items:center}.rate-item-btn{padding:6px 12px;background-color:var(--highlight-title);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.rate-item-btn:hover:not(:disabled){background-color:var(--highlight-title-hover, #e74c3c)}.rate-item-btn:disabled{background-color:#28a745;cursor:not-allowed}.rating-modal{text-align:center}.rating-modal h3{margin-bottom:10px}.rating-modal p{margin-bottom:20px;color:var(--subtext-color)}.rating-input{margin:20px 0}.rating-input .rating-stars{justify-content:center}.rating-input .star{font-size:24px}.submit-rating{background-color:var(--highlight-title)!important;color:#fff!important}.submit-rating:disabled{background-color:#ccc!important;cursor:not-allowed!important}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px;align-items:stretch}.most-ordered{padding:40px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin:20px 0}.most-ordered h2{text-align:center;color:#2c3e50;font-size:2.5rem;margin-bottom:10px;font-weight:700}.most-ordered-subtitle{text-align:center;color:#6c757d;font-size:1.1rem;margin-bottom:30px}.most-ordered-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto}.most-ordered-item{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.most-ordered-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.most-ordered-image-container{position:relative;height:200px;overflow:hidden}.most-ordered-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.most-ordered-item:hover .most-ordered-image-container img{transform:scale(1.05)}.most-ordered-badge{position:absolute;top:10px;right:10px;background:#ffc107e6;color:#fff;padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 5px #0003}.most-ordered-info{padding:20px}.most-ordered-info h3{color:#2c3e50;font-size:1.3rem;margin-bottom:8px;font-weight:600}.most-ordered-description{color:#6c757d;font-size:.95rem;line-height:1.4;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.most-ordered-footer{display:flex;justify-content:space-between;align-items:center}.most-ordered-price{font-size:1.2rem;font-weight:700;color:#28a745}.most-ordered-orders{font-size:.85rem;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:10px}.most-ordered-loading{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem}@media (max-width: 768px){.most-ordered h2{font-size:2rem}.most-ordered-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.most-ordered-item{border-radius:10px}.most-ordered-info{padding:15px}}.app-download{margin:100px auto auto;font-size:max(3vw,20px);text-align:center;font-weight:500}.app-download-platforms{display:flex;justify-content:center;gap:max(2vw,18px);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)}.cart-popup{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#fff8e7;color:#2f5233;border:2px solid #D4AF37;border-radius:32px;box-shadow:0 4px 24px #0000001f;padding:12px 28px 12px 20px;display:flex;align-items:center;gap:18px;z-index:999;cursor:pointer;animation:cart-popup-fadein .5s}.cart-popup-close{position:absolute;top:-8px;right:-8px;background:#d4af37;color:#fff;border:2px solid #D4AF37;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.cart-popup-close:hover{background:#c41e3a;border-color:#c41e3a;transform:scale(1.1)}.cart-popup-text{font-size:1.1rem;font-weight:500}.cart-popup-btn{background:#d4af37;color:#fff;border:none;border-radius:20px;padding:8px 18px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.cart-popup-btn:hover{background:#c41e3a}@keyframes cart-popup-fadein{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.not-found-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color, #333)}.cart{margin-top:100px}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;color:var(--subtext-color);font-size:max(1vw,12px)}.cart-items-item{margin:10px 0;color:var(--text-color)}.cart-items-item img{width:50px}.cart hr{height:1px;background-color:var(--hr-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-detail{display:flex;justify-content:space-between;color:var(--text-color)}.cart-total hr{margin:10px 0}.cart-total button{border:none;color:#fff;background-color:#c41e3a;width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-promocode{flex:1}.cart-promocode{color:var(--text-color)}.cart-promocode-input{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:var(--highlight-bg);border-radius:4px}.cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px}.cart-promocode-input button{width:max(10vw,150px);padding:12px 5px;background-color:#000;border:none;color:#fff;border-radius:4px}@media (max-width:750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}.delivery-options{display:flex;flex-direction:column;gap:10px}.radio-label{display:flex;flex-direction:column;align-items:flex-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:15px;width:100%;padding:10px;border:1px solid #c5c5c5;border-radius:4px;outline-color:#d4af37}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order .cart-total button{margin-top:30px}.footer{color:var(--footer-text);background-color:var(--footer-bg);display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:100px}.footer-content-left .logo{width:150px}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:none;margin-bottom:10px;cursor:pointer}.footer-content-right h2,.footer-content-center h2{color:#fff}.footer-social-icons img{width:40px;margin-right:15px}.footer hr{width:100%;height:2px;margin:20px 0;background-color:gray;border:none}@media (max-width:750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.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:#c41e3a;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:#c41e3a;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:#c41e3a;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:block;font-size:14px;padding:16px 18px;color:#454545;border:1px solid #D4AF37;border-radius:10px;background:#fff;box-shadow:0 6px 16px #0000000f;transition:transform .1s ease,box-shadow .1s ease}.my-orders-order:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000014}.my-orders-order img{width:50px}.my-orders-order p span{color:#c41e3a}.my-orders-order p b{font-weight:500;color:#454545}.my-orders-order button{border:none;padding:12px 0;border-radius:4px;background-color:#fff8e7;color:#454545;cursor:pointer}@media (max-width:900px){.my-orders-order{font-size:12px}.my-orders-order button{font-size:10px}}.about{padding:50px 20px;max-width:1200px;margin:0 auto}.about-content h1{text-align:center;margin-bottom:30px;color:var(--highlight-title)}.about-content p{font-size:18px;line-height:1.6;margin-bottom:20px;text-align:center}.about-highlights{display:flex;justify-content:space-around;margin-top:40px;flex-wrap:wrap}.highlight{flex:1;min-width:250px;text-align:center;padding:20px;margin:10px;background-color:var(--highlight-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}.highlight h3{color:var(--highlight-title);margin-bottom:10px}.menu-page{padding-top:80px}.custom-order-note{text-align:center;padding:20px;font-size:18px;color:var(--text-color);background-color:var(--home-about-bg);margin:20px 0}.delivery{padding:50px 20px;max-width:1200px;margin:0 auto}.delivery-content h1{text-align:center;margin-bottom:40px;color:var(--highlight-title)}.delivery-section{margin-bottom:30px;padding:20px;background-color:var(--highlight-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}.delivery-section h2{color:var(--highlight-title);margin-bottom:15px}.delivery-section p{font-size:16px;line-height:1.6}.privacy{padding:50px 20px;max-width:1200px;margin:0 auto}.privacy-content h1{text-align:center;margin-bottom:40px;color:var(--highlight-title)}.privacy-section{margin-bottom:30px;padding:20px;background-color:var(--highlight-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}.privacy-section h2{color:var(--highlight-title);margin-bottom:15px}.privacy-section p{font-size:16px;line-height:1.6}.track-order{min-height:80vh;padding:2rem 1rem;background:var(--bg-color);color:var(--text-color)}.track-order-container{max-width:800px;margin:0 auto;background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.track-order h1{text-align:center;margin-bottom:.5rem;color:var(--text-color)}.track-order p{text-align:center;margin-bottom:2rem;color:var(--text-secondary)}.track-form{margin-bottom:2rem}.input-group{display:flex;gap:1rem;margin-bottom:1rem}.input-group input{flex:1;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-color);font-size:1rem}.input-group input:focus{outline:none;border-color:var(--primary-color)}.input-group button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.input-group button:hover:not(:disabled){background:var(--primary-hover)}.input-group button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#dc3545;margin:0;font-size:.9rem}.order-details{border-top:1px solid var(--border-color);padding-top:2rem}.order-header{margin-bottom:2rem}.order-header h2{margin-bottom:1rem;color:var(--text-color)}.order-info p{margin:.5rem 0;color:var(--text-secondary)}.status-section{margin-bottom:2rem}.status-section h3{margin-bottom:1rem;color:var(--text-color)}.current-status{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-badge{padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:500;font-size:.9rem;text-transform:capitalize}.status-badge.small{padding:.25rem .75rem;font-size:.8rem}.estimated-time{margin:0;color:var(--text-secondary);font-size:.9rem}.delivery-note{margin:.5rem 0 0;color:var(--primary-color);font-size:.9rem;font-weight:500}.status-updates{margin-top:2rem}.status-updates h3{margin-bottom:1.5rem;color:var(--text-color)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;margin-bottom:1.5rem;padding-bottom:1rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:.5rem;width:1rem;height:1rem;border-radius:50%;background:var(--primary-color);border:3px solid var(--card-bg)}.timeline-content{background:var(--bg-color);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.status-update{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.timestamp{color:var(--text-secondary);font-size:.9rem}.status-note{margin:.5rem 0 0;color:var(--text-secondary);font-style:italic}.back-link{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.back-btn{padding:.75rem 1.5rem;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.back-btn:hover{background:var(--primary-color);color:orange}@media (max-width: 768px){.track-order-container{padding:1rem;margin:0 1rem}.input-group{flex-direction:column}.input-group button{width:100%}.current-status,.status-update{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem}}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}:root{--bg-color: #ffffff;--text-color: #000000;--footer-bg: #2F5233;--footer-text: #ffffff;--home-about-bg: #f9f9f9;--home-about-text: #ff6347;--home-about-p: #000000;--navbar-text: #2F5233;--navbar-border: #D4AF37;--navbar-hover: #FFF8E7;--heading-color: #262626;--subtext-color: #808080;--accent-color: #D4AF37;--desc-color: #676767;--price-color: #D4AF37;--list-item-color: #747474;--hr-color: #e2e2e2;--active-border: tomato;--highlight-bg: #f9f9f9;--highlight-title: #ff6347;--icon-filter: none}.light{--bg-color: #ffffff;--text-color: #000000;--home-about-bg: #f9f9f9;--home-about-text: #ff6347;--home-about-p: #000000;--navbar-text: #2F5233;--navbar-border: #D4AF37;--navbar-hover: #FFF8E7;--heading-color: #262626;--subtext-color: #808080;--accent-color: #D4AF37;--desc-color: #676767;--price-color: #D4AF37;--list-item-color: #747474;--hr-color: #e2e2e2;--active-border: tomato;--highlight-bg: #f9f9f9;--highlight-title: #ff6347;--icon-filter: none}.dark{--bg-color: #2a2a2a;--text-color: #ffffff;--home-about-bg: #2a2a2a;--home-about-text: #ffffff;--home-about-p: #ffffff;--navbar-text: #ffffff;--navbar-border: #D4AF37;--navbar-hover: #333333;--heading-color: #ffffff;--subtext-color: #cccccc;--accent-color: #D4AF37;--desc-color: #cccccc;--price-color: #D4AF37;--list-item-color: #cccccc;--hr-color: #333333;--active-border: tomato;--highlight-bg: #333333;--highlight-title: #ff6347;--footer-bg: #333333;--icon-filter: invert(1) brightness(2)}body{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);padding-top:80px}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}