@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Outfit:wght@100..900&display=swap";:root{--theme-color: #1c1c1c;--bg-color: #ffffff;--text-color: #000000;--card-bg: #f8f8f8;--border-color: #e0e0e0}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--card-bg: #1e1e1e;--border-color: #333333}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}html{font-size:62.5%}body{min-width:100vh;font-size:1.6rem;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}a{text-decoration:none;color:inherit}a,button{color:var(--text-color)}.card{background-color:var(--card-bg);border:1px solid var(--border-color)}.app{width:80%;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--navbar-height: 72px}.navbar{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.navbar .logo{width:200px}.navbar-menu{display:flex;list-style:none;gap:20px;color:#49557e;font-size:18px}.navbar-right{display:flex;align-items:center;gap:40px}.navbar-right button{background:transparent;color:#49557e;font-size:16px;border:1px solid var(--theme-color);padding:10px 30px;border-radius:50px;cursor:pointer}.navbar-right button:hover{background-color:#f2f4ff}.navbar .active{border-bottom:2px solid #49557e;padding-bottom:2px}.navbar li{cursor:pointer}.navbar-basket-icon,.dot-basket{position:relative}.dot{position:absolute;min-width:10px;min-height:10px;background-color:var(--theme-color);border-radius:50%;top:-8px;right:-8px}.navbar-profile{position:relative}.nav-profile-dropdown{position:absolute;display:none;z-index:1;right:0}.navbar-profile:hover .nav-profile-dropdown{display:flex;flex-direction:column;gap:10px;background-color:#fff2ef;padding:12px 25px;border-radius:4px;border:1px solid var(--theme-color);outline:2px solid white;list-style:none}.nav-profile-dropdown li{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1.2rem}.nav-profile-dropdown img{width:20px}.nav-profile-dropdown li:hover{color:var(--theme-color)}@media (max-width:1050px){.navbar .logo{width:160px}.navbar-menu{gap:20px;font-size:17px}.navbar-right{gap:30px}.navbar-right img{width:22px}.navbar button{padding:8px 25px}}@media (max-width:900px){.navbar .logo{width:140px}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px}.navbar-right img{width:20px}.navbar button{padding:7px 20px;font-size:15px}}@media (max-width:750px){.navbar-menu{display:none}}.header{height:34vw;margin:25px auto;background:url(/assets/header_img-DtTAGpDA.png) no-repeat;background-size:cover;position:relative;border-radius:20px}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:3.2vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;font-size:max(4.5vw,22px);color:var(--theme-color);text-shadow:.7px .7px 0 #fff,-.7px .7px 0 #fff,.7px -.7px 0 #fff,-.7px -.7px 0 #fff}.header-contents p{color:var(--theme-color);font-size:1.2vw}.header-contents button{border:none;color:#747474;padding:1vw 2.3vw;background-color:#fff;border-radius:5px;font-weight:500;cursor:pointer}@media (max-width: 1050px){.header-contents{max-width:75%}}@media (max-width: 750px){.header-contents{max-width:65%}.header-contents p{display:none}.header-contents button{padding:2vw 4vw}}@media (max-width: 500px){.header-contents{max-width:40%}.header-contents p{display:none}}@media (max-width: 400px){.header-contents{max-width:35%}.header-contents p{display:none}}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{color:#000;font-size:2.4rem;font-weight:600}.explore-menu-text{font-size:1.6rem;max-width:60%;color:gray}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin-block:20px 0px;overflow-x:scroll;scrollbar-width:none}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item{position:relative;cursor:pointer;outline:none}.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:#747474;font-size:max(1.4vw,1.6rem);cursor:pointer}.explore-menu hr{margin:10px 0;height:2px;border:none;background-color:#e2e2e2}.explore-menu-list-item .active{border:4px solid var(--theme-color);padding:2px}@media (max-width:1050px){.explore-menu-text{max-width:100%;font-size:1.4rem}.explore-menu h1{font-size:2rem}}@media (max-width: 700px){.explore-menu h1{font-size:3rem;font-weight:700;text-align:center}.explore-menu-text{font-size:2rem;text-align:center;max-width:100%}.explore-menu-list{gap:16px;padding:0 10px}.explore-menu-list-item img{width:20vw;min-width:60px}.explore-menu-list-item p{font-size:2rem}}@media (max-width: 500px){.explore-menu h1{font-size:3rem;font-weight:700;text-align:center}.explore-menu-text{display:none;max-width:100%}.explore-menu-list{gap:7px;padding:0 10px}.explore-menu-list-item img{width:20vw;min-width:60px}.explore-menu-list-item p{font-size:2rem}}@media (max-width: 400px){.explore-menu{gap:5px;padding:0 8px}.explore-menu h1{font-size:3rem;font-weight:700;text-align:left;margin:8px 0}.explore-menu-text{display:none;max-width:100%;padding:0 8px;line-height:1.4}.explore-menu-list{gap:5px;padding:0 6px;margin-block:10px}.explore-menu-list-item img{width:25vw;min-width:48px;border-radius:50%}.explore-menu-list-item p{font-size:2rem;font-weight:500;margin-top:6px;color:#4b4b4b}.explore-menu hr{margin:6px 0;height:1px}.explore-menu-list-item .active{border:2px solid var(--theme-color);padding:1px}}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,2.4rem);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}.food-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.food-display-header select{padding:.4rem 1.2rem .4rem .8rem;font-size:1.4rem;border-radius:13px;border:2px solid #ccc;margin-right:20px}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 2s}.food-item-image{width:100%;border-radius:15px 15px 0 0}.food-item-info{padding:20px}.food-item-name{font-size:20px;font-weight:500}.food-item-desc{color:#676767;font-size:1.2rem}.food-item-price-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-price{color:#000;font-size:2.2rem;font-weight:500;margin:10px 0}.food-item-price-rating img{width:70px}.food-item-image-container{position:relative}.food-item-image-container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.food-item-image-container .remove-icon,.food-item-image-container .add-icon{cursor:pointer}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.food-item-counter p{font-size:1.3rem}.food-item-counter img{width:30px}@media (max-width: 1050px){.food-item-info{padding:16px}.food-item-name{font-size:3rem;font-weight:700}.food-item-desc{font-size:1.8rem}.food-item-price{font-size:2rem}.food-item-price-rating img{width:60px}.food-item-counter img,.food-item-image-container .add{width:30px}}@media (max-width: 700px){.food-item{border-radius:12px}.food-item-image{border-radius:12px 12px 0 0}.food-item-name{font-size:2rem}.food-item-desc{display:none}.food-item-price{font-size:1.8rem}.food-item-price-rating img{width:50px}.food-item-counter{gap:6px;padding:4px}.food-item-counter img,.food-item-image-container .add{width:26px}}@media (max-width: 500px){.food-container{grid-template-columns:repeat(2,1fr);gap:12px}.food-item-info{padding:12px}.food-item-name{font-size:1.4rem}.food-item-desc{font-size:.95rem}.food-item-price{font-size:1.6rem}.food-item-price-rating img{width:45px}.food-item-counter img,.food-item-image-container .add{width:24px}}@media (max-width: 400px){.food-container{grid-template-columns:1fr;gap:8px;padding:0 10px}.food-item{border-radius:10px;box-shadow:0 0 8px #00000010}.food-item-image{border-radius:10px 10px 0 0}.food-item-info{padding:10px 12px}.food-item-name{font-size:1.4rem;font-weight:600;margin-bottom:5px}.food-item-desc{display:none}.food-item-price{font-size:1.2rem;font-weight:500}.food-item-price-rating{margin-bottom:6px}.food-item-price-rating img{width:50px;height:15px}.food-item-counter{gap:5px;padding:3px}.food-item-counter img,.food-item-image-container .add{width:22px}}.loader{min-height:60vh;display:grid}.loader .spinner{width:60px;height:60px;place-self:center;border:5px solid #bdbdbd;border-top-color:var(--theme-color);border-radius:50%;animation:rotate 1s infinite}.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 2fr 1fr 1fr 2fr 1fr;align-items:center;gap:30px;font-size:1.4rem;padding:10px 20px;color:#454545;border:1px solid var(--theme-color)}.my-orders-order order{width:50px}.my-orders-order span{color:var(--theme-color)}.my-orders-order p b{font-weight:500;color:#454545}.my-orders-order button{border:none;padding-block:12px;border-radius:4px;background-color:#ffe1e1;cursor:pointer;color:#454545}@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}}.cart{margin-top:100px;font-size:1.6rem}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1.5fr;align-items:center;text-align:center;color:gray;font-size:max(1vw,12px)}.cart-items-item{margin:10px 0;color:#000}.cart-items-item img{width:50px;justify-self:center}.cart hr{height:1px;background-color:#e2e2e2;border:none}.cart-items-item .cross{cursor:pointer}.cart-counter{position:inherit;justify-content:center}.cart-counter img{width:22px;cursor:pointer}.cart-bottom{display:flex;margin-top:80px;justify-content:space-between;gap:max(12vw,10px)}.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:var(--theme-color);padding:12px 0;border-radius:4px;width:max(15vw,200px);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{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}}@media (max-width: 480px){.cart{margin-top:50px}.food-image{display:none}.cart-items-title{grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr}}.verify{min-height:40vh}.verify .spinner{width:60px;height:60px;place-self:center;border:5px solid #bdbdbd;border-top-color:var(--theme-color);border-radius:50%;animation:rotate 1s infinite}@keyframes rotate{to{transform:rotate(360deg)}}.place-order{display:flex;justify-content:space-between;align-items:start;gap:50px;margin-top:100px;font-size:1.6rem}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{font-size:3rem;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:var(--theme-color)}.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}@media screen and (max-width: 1050px){.place-order{gap:30px;padding:0 20px}.place-order-left .title{font-size:2.5rem;margin-bottom:40px}.place-order-left input,.place-order .cart-total button{font-size:15px}}@media screen and (max-width: 700px){.place-order-left .title{font-size:2.2rem}.place-order-left input{font-size:14px;padding:9px}.place-order-left .multi-fields{flex-direction:column}.place-order .cart-total h2,.place-order .cart-total-details p{font-size:15px}.place-order .cart-total button{font-size:15px;padding:10px}}@media screen and (max-width: 500px){.place-order-left .title{font-size:2rem}.place-order-left input{font-size:13px;padding:8px}.place-order .cart-total h2{font-size:16px}.place-order .cart-total-details p{font-size:14px}.place-order .cart-total button{font-size:14px;padding:9px}}@media screen and (max-width: 400px){.place-order-left .title{font-size:1.8rem;text-align:center}.place-order-left input{font-size:12px;padding:7px}.place-order-left,.place-order-right{max-width:100%}.place-order .cart-total h2{font-size:15px;text-align:center}.place-order .cart-total-details{flex-direction:column;align-items:flex-start;gap:4px}.place-order .cart-total button{font-size:13px;padding:8px}}.footer{display:flex;color:#d9d9d9;background-color:#323232;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:100px;font-size:1.6rem}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.logo-bottom{width:210px}.footer-left p{font-size:1.6rem;width:88%}.footer-left,.footer-right,.footer-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-center li,.footer-right li{list-style:none;margin-bottom:10px;cursor:pointer}.footer-center li a{color:#fff;text-decoration:none;font-size:1.6rem}.footer-center li a:hover,.footer-right li:hover{text-decoration:underline}.footer-center h2,.footer-right h2{color:#fff;font-size:2rem}.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:1050px){.footer-content{display:flex;flex-direction:row;gap:40px 90px}.footer-copyright{text-align:center}}@media (max-width: 750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}@media (max-width: 420px){.footer-content{display:flex;flex-direction:column;gap:20px}.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;padding:10px;border:1px solid #c9c9c9;border-radius:4px}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:var(--theme-color);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:var(--theme-color);font-weight:500;cursor:pointer}.login-popup hr{width:100%;height:1.5px;background-color:#c9c9c9;border:none}