@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--color-brand-light: tomato;--color-brand-dark: #49557e;--color-primary-light: #fff4f2;--color-secondary-dark: #262626;--color-dark: black;--color-light: white;--color-text: #333333;--color-text-light: #808080;--color-text-dark: #676767;--color-hr-light: #e2e2e2;--color-footer: #d9d9d9;--color-footer-bg: #323232;--color-gray-light: #c5c5c5;--color-gray-dark: #747474;--color-shadow-item: #00000015;--color-bg-popup: #00000090;--color-input-border: #c9c9c9}*{box-sizing:border-box;padding:0;margin:0;font-family:Outfit}body{min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style-type:none}li{cursor:pointer;list-style:none;margin-bottom:10px}.app{width:80%;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.navbar__logo{width:150px}.navbar__menu{display:flex;list-style-type:none;gap:20px;color:var(--color-brand-dark);font-size:18px}.navbar__right{display:flex;align-items:center;gap:32px}.navbar__button{background:transparent;font-size:16px;color:var(--color-brand-dark);border:1px solid var(--color-brand-light);padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar__button:hover{background-color:var(--color-primary-light)}.navbar .active{padding-bottom:2px;border-bottom:2px solid var(--color-brand-dark)}.navbar__search-icon{position:relative}.navbar__search-icon .dot{position:absolute;top:-8px;right:-8px;min-width:10px;min-height:10px;background-color:var(--color-brand-light);border-radius:5px}@media (max-width: 768px){.navbar__logo{width:120px}.navbar__menu{display:none}.navbar__right{gap:20px}.navbar__button{padding:8px 20px}}.header{height:34vw;margin:30px auto;background:url(/header_img.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__title{font-weight:500;color:var(--color-light);font-size:max(4.5vw,22px)}.header__text{color:var(--color-light);font-size:1vw}.header__button{border:none;color:var(--color-gray-dark);font-weight:500;padding:1vw 2.3vw;background-color:var(--color-light);font-size:max(1vw,13px);border-radius:50px}@media (max-width: 480px){.header__contents{max-width:65%}.header__text{display:none}.header__button{padding:2vw 4vw}}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu__title{color:var(--color-secondary-dark);font-weight:500}.explore-menu__text{max-width:70%;color:var(--color-text-light)}.explore-menu__list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu__list::-webkit-scrollbar{display:none}.explore-menu__item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu__item-name{margin-top:10px;color:var(--color-gray-dark);font-size:max(1.4vw,16px);cursor:pointer}.explore-menu__item .active{border:4px solid var(--color-brand-light);padding:2px}.explore-menu hr{margin:10px 0;height:2px;background-color:var(--color-hr-light);border:none}@media (max-width: 768px){.explore-menu__text{max-width:90%;font-size:14px}}.food-display{margin-top:30px}.food-display__title{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}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px var(--color-shadow-item);transition:.3s;animation:fadeIn 1s}.food-item__image{width:100%;border-radius:15px 15px 0 0}.food-item__info{padding:20px}.food-item__rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item__name{font-size:20px;font-weight:500}.food-item__rating img{width:70px}.food-item__desc{color:var(--color-text-dark);font-size:12px}.food-item__price{color:var(--color-brand-light);font-size:22px;font-weight:500;margin:10px 0}.food-item__container{position:relative}.food-item__container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.food-item__counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:var(--color-light)}.food-item__counter img{width:30px}.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,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)}.cart{margin-top:100px}.cart__title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:var(--color-gray-dark);font-size:max(1vw,12px)}.cart__item{margin:10px 0;color:var(--color-dark)}.cart__item img{width:50px}.cart hr{height:1px;background-color:var(--color-hr-light);border:none}.cart__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(--color-text-dark)}.cart-total hr{margin:10px 0}.cart-total__button{border:none;color:var(--color-light);background-color:var(--color-brand-light);width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-promocode{flex:1}.cart-promocode__text{color:var(--color-text-dark)}.cart-promocode__form{margin-top:20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-primary-light);border-radius:4px}.cart-promocode__input{background:transparent;border:none;outline:none;padding-left:10px}.cart-promocode__button{width:max(10vw,150px);padding:12px 5px;background-color:var(--color-dark);border:none;color:var(--color-light);border-radius:4px}@media (max-width: 768px){.cart__bottom{flex-direction:column-reverse}.cart-promocode{justify-content: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__title{font-size:30px;font-weight:600;margin-bottom:50px}.place-order__left input{margin-bottom:15px;width:100%;padding:10px;border:1px solid var(--color-gray-light);border-radius:4px;outline-color:var(--color-brand-light)}.multi-fields{display:flex;gap:10px}.place-order__right{width:100%;max-width:max(40%,500px)}.cart-total__button{margin-top:30px}@media (max-width: 768px){.place-order{flex-direction:column}}.footer{color:var(--color-footer);background-color:var(--color-footer-bg);display:flex;flex-direction:column;align-items:center;gap:20px;padding:80px 8vw 20px;margin-top:100px}.footer__content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer__content-left,.footer__content-center,.footer__content-right{display:flex;flex-direction:column;align-items:start;gap:20px}.footer__title{color:var(--color-light)}.footer__social-icons img{width:40px;margin-right:15px}.footer hr{width:100%;height:2px;margin:20px 0;background-color:var(--color-gray-dark);border:none}@media (max-width: 768px){.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:var(--color-bg-popup);display:grid}.login-popup__container{place-self:center;width:max(23vw,330px);color:var(--color-text-light);background-color:var(--color-light);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:var(--color-dark)}.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 var(--color-input-border);padding:10px;border-radius:4px}.login-popup__button{border:none;padding:10px;border-radius:4px;color:var(--color-light);background-color:var(--color-brand-light);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__text{color:var(--color-brand-light);font-weight:500;cursor:pointer}