@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--color-primary: #118921;--color-accent: #FE9A03;--color-primary-opacity: rgba(17, 137, 33, .2);--color-primary-opacity-2: rgba(17, 137, 33, .1);--color-accent-opacity-2: rgba(254, 154, 3, .1);--color-text: #49557e;--color-white: #fff;--color-grey: #747474;--color-grey-1: #676767;--color-grey-2: #808080;--color-grey-3: #c9c9c9;--color-grey-4: #e2e2e2;--color-grey-5: #555555;--color-grey-6: #c5c5c5;--color-grey-7: #bdbdbd;--color-grey-8: #454545;--color-black: #000;--color-red: #dd1313}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{min-height:100vh}.app{width:80%;margin:auto}a{text-decoration:none;color:inherit}.loader{display:flex;align-content:center;justify-content:center;align-self:center;width:20px;height:20px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.loader:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #FFF;animation:prixClipFix 2s linear infinite}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@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:none;gap:20px;color:var(--color-text);font-size:18px}.navbar-right{display:flex;align-items:center;gap:40px}.search-icon,.basket-icon{font-size:24px;color:var(--color-text)}.navbar button{background-color:transparent;color:var(--color-primary);font-size:1vw;border:2px solid var(--color-primary);padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar button:hover{color:var(--color-white);background-color:var(--color-primary)}.navbar .active{padding-bottom:2px;border-bottom:2px solid var(--color-accent);border-radius:2px}.navbar li{cursor:pointer}.navbar-basket-icon{position:relative}.navbar-basket-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:var(--color-accent);border-radius:5px;top:-8px;right:-8px}.navbar-profile{position:relative;cursor:pointer}.navbar-profile img{width:24px;height:24px;color:var(--color-text)}.nav-profile-dropdown{display:none;position:absolute;right:0;z-index:1}.navbar-profile:hover .nav-profile-dropdown{display:flex;flex-direction:column;gap:6px;background-color:var(--color-white);box-shadow:10px 10px 15px #0003;padding:6px;border-radius:4px;border:1px solid var(--color-grey-3);list-style:none}.nav-profile-dropdown .link,li{display:flex;gap:10px;align-items:center;cursor:pointer;padding:6px 10px}.nav-profile-dropdown hr{width:20%;height:1px;border:1px solid var(--color-grey-3);border-radius:1px;align-self:center}.nav-profile-dropdown .link:hover,.nav-profile-dropdown li:hover{color:var(--color-accent)}.auth-modal{position:fixed;top:15%;left:35%;width:30%;background:#fff;border-radius:10px;padding:20px;box-shadow:0 0 10px #0000004d;z-index:2000}.auth-modal input{display:block;width:100%;padding:10px;margin:10px 0}.auth-modal button{padding:10px;margin:5px 5px 0 0;cursor:pointer}.auth-modal .error{color:red;font-size:.9rem}@media (max-width: 1050px){.navbar .logo{width:140px}.navbar-menu{gap:18px;font-size:17px}.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}}.header{background-size:cover;border-radius:20px;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{color:var(--color-white);font-weight:500;font-size:max(4.5vw,22px)}.header-contents p{color:var(--color-white);font-size:1vw}.header-contents button{color:var(--color-grey);border:none;font-weight:500;padding:1vw 2.3vw;background-color:var(--color-white);font-size:max(1vw,13px);border-radius:50px}@media (max-width: 1050px){.header-contents{max-width:65%}}@media (max-width: 750px){.header-contents{max-width:55%}.header-contents p{display:none}.header-contents button{padding:2vw 4vw}}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}.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 img{width:7.5vw;height:7.5vw;min-width:80px;min-height:80px;cursor:pointer;background-size:contain;border-radius:50%;transition:.2s}.explore-menu-list p{margin-top:10px;color:#747474;font-size:max(1.4vw,16px);cursor:pointer}.explore-menu-list hr{margin:10px 0;height:2px;background-color:#2e2e2e;border:none}.explore-menu-list-item .active{border:4px solid var(--color-primary);padding:2px}.explore-menu-list-item-image::-webkit-scrollbar{display:none}@media (max-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{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px}@media (max-width: 750px){.food-display-list{gap:20px}}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s;overflow:hidden}.image-container{position:relative}.image-container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;background-color:var(--color-white);padding:5px}.image-container .image{width:100%;height:200px;background-size:cover;border-radius:15px 15px 0 0;transition:.5s;cursor:pointer}.image-container .image:hover{transform:scale(1.05)}.image-container .counter{position:absolute;display:flex;align-items:center;padding:6px;background-color:var(--color-white);border-radius:50px;bottom:15px;right:15px;gap:10px}.image-container .counter .add-cart{width:24px}.image-container .counter .remove-cart{width:20px}.food-item-info{padding:20px}.food-item-info .title{font-size:20px;font-weight:500;margin-bottom:10px}.food-item-info .desc{color:var(--color-grey-1);font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.price-rating{display:flex;align-items:center;gap:4px;justify-content:space-between}.price-rating .price{color:var(--color-primary);font-size:22px;font-weight:500;margin:10px 0}.star-container{width:70px;display:flex;gap:3px}.star-container img{height:12px}.app-download{margin:100px auto auto;display:flex;flex-direction:column;align-items:center;font-size:max(3vw,20px);font-weight:500}.app-download p{text-align:center}.store-logos{display:flex;align-items:center;margin-top:40px;gap:max(2vw,10px)}.store-logos img{width:max(30vw,120px);max-width:180px;transition:.5s;cursor:pointer}.store-logos img:hover{transform:scale(1.05)}.cart{margin-top:100px}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:var(--color-grey);font-size:max(1vw,12px)}.cart-items-item{margin:10px 0;color:var(--color-black)}.cart-items-item img{width:50px;height:50px}.cart-items-item .cross{cursor:pointer}.cart hr{height:1px;background-color:var(--color-grey-4);border:none}.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-grey-5)}.cart-total hr{margin:10px 0}.cart-total button{border:none;background-color:var(--color-primary);color:var(--color-white);width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-promocode{flex:1}.cart-promocode p{color:var(--color-grey-5)}.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:var(--color-black);color:var(--color-white);border:none;border-radius:4px}@media (max-width: 750px){.cart{margin-top:50px}.cart-bottom{margin-top:40px;flex-direction:column-reverse;gap:max(6vw,16px)}.cart-promocode{justify-content:start}.empty-cart .wrapper button{width:100%}}@media (max-width: 450px){.cart-total button{width:100%}}.container{margin-top:100px;display:flex;align-items:center;justify-content:center}.wrapper{width:max(40%,250px);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:30px}.wrapper p,h1{text-align:center}button{width:max(10vw,150px);padding:12px 5px;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer}@media (max-width: 750px){button{width:100%}}.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 var(--color-grey-6);border-radius:4px;outline-color:var(--color-primary)}.place-order-left .multi-fields{display:flex;gap:10px}.fields{width:100%;display:flex;flex-direction:column;margin-bottom:2px}.place-order-right{width:100%;max-width:max(40%,500px)}@media (max-width: 750px){.place-order{margin-top:30px;flex-direction:column;gap:25px}.place-order-left .title{margin-bottom:25px}}.footer{margin-top:100px;color:#d9d9d9;background-color:#323232;display:flex;flex-direction:column;align-items:center;gap:20px;padding:80px 8vw 20px}.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-content-left li,.footer-content-center li,.footer-content-right li{list-style:none;margin-bottom:10px;cursor:pointer}.footer-content-center h2,.footer-content-right h2{color:var(--color-white)}.footer-content-left h1{color:var(--color-accent)}.footer-social-icons{display:flex;width:40px;gap:15px}.footer-social-icons img{cursor:pointer}.footer .line{width:100%;height:2px;margin:20px 0;background-color:var(--color-grey);border:none}@media (max-width: 750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.login-dialog{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.login-dialog-container{width:max(23vw,330px);place-self:center;color:var(--color-grey-2);background-color:var(--color-white);display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-dialog-title{display:flex;align-items:center;justify-content:space-between;color:var(--color-black)}.login-dialog-title img{cursor:pointer}.login-dialog-inputs{display:flex;flex-direction:column;gap:20px}.login-dialog-inputs input{outline:none;border:1px solid var(--color-grey-3);padding:10px;border-radius:4px}.login-dialog-container button{border:none;padding:10px;border-radius:4px;color:var(--color-white);background-color:var(--color-primary);font-size:15px;cursor:pointer}.login-dialog-condition{display:flex;gap:8px;align-items:start}.login-dialog-condition input{background-color:var(--color-accent)}.login-dialog-condition p{margin-top:-3px}.login-dialog p span{color:var(--color-accent);font-weight:500;cursor:pointer}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite;vertical-align:middle}.phone-input-wrapper{display:flex;align-items:center;border:1px solid #c9c9c9;border-radius:4px;padding:0 8px;background-color:#fff;margin-bottom:15px}.phone-flag-icon{width:20px;height:auto;margin-right:6px}.phone-prefix{margin-right:6px;color:#555;font-size:1em;white-space:nowrap}.phone-input-wrapper input[type=tel]{flex-grow:1;border:none;outline:none;padding:10px 5px 10px 0;font-size:1em;background-color:transparent;width:100%}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:16px;height:16px;animation:spin 1s ease-in-out infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-method-selector{display:flex;margin-bottom:20px;border-radius:6px;overflow:hidden}.login-method-selector button{flex-grow:1;padding:10px 15px;border:none;background-color:#f0f0f0;cursor:pointer;font-size:.95em;color:#555;transition:background-color .2s,color .2s}.login-method-selector button:not(:last-child){border-right:1px solid #ccc}.login-method-selector button.active{background-color:#008b2e;color:#fff;font-weight:500}.login-method-selector button:hover:not(.active){background-color:#e7e7e7}.login-dialog-inputs input,.login-dialog-inputs .phone-input-wrapper{margin-bottom:15px}.login-dialog-inputs input:last-child,.login-dialog-inputs .phone-input-wrapper:last-child{margin-bottom:0}.verify{display:grid;min-height:60vh}.verify .spinner{width:100px;height:100px;place-self:center;border:5px solid var(--color-grey-7);border-top-color:var(--color-accent);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}.orders-table{display:grid;grid-template-columns:.5fr 2fr .5fr .5fr 1fr 1fr 1fr;align-items:center;gap:30px;font-size:14px;padding:10px 20px;color:var(--color-grey-8);border:1px solid var(--color-grey-3)}.orders-table img{width:50px;height:50px}.orders-table button{width:100%;height:40px;border:none;padding:10px;border-radius:4px;color:var(--color-grey-8);background-color:var(--color-accent-opacity-2);font-size:15px;cursor:pointer}.orders-table button:hover{color:var(--color-white);background-color:var(--color-accent)}@media (max-width: 1024px){.orders-table button{font-size:12px;padding:5px 8px}}@media (max-width: 900px){.orders-table{grid-template-columns:1fr 3fr 1fr;row-gap:5px;font-size:12px}.orders-table button{font-size:10px;padding:5px 8px}}.profile-page-linkedin-style{padding:20px;background-color:#f0f2f5;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.profile-page-linkedin-style.profile-page-centered{align-items:center}.profile-card-linkedin-style{background-color:#fff;border-radius:8px;border:1px solid #dce0e3;width:100%;max-width:700px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.profile-card-linkedin-style.loading-card{overflow:visible}.profile-card-linkedin-style.access-denied-card{padding:30px;text-align:center}.profile-card-linkedin-style.access-denied-card h2{margin-bottom:10px}.profile-card-linkedin-style.access-denied-card p{margin-bottom:20px}.profile-cover-photo{height:60px;background-size:cover;background-position:center;border-bottom:1px solid #dce0e3}.profile-header-content{position:relative;padding:0 24px;margin-top:-50px;display:flex;justify-content:space-between;align-items:flex-end;min-height:50px}.profile-avatar-linkedin.ant-avatar{width:100px;height:100px;border:4px solid #fff;box-shadow:0 0 0 1px #dce0e3}.profile-actions-menu{margin-bottom:10px}.profile-actions-menu .ant-btn-text:hover,.profile-actions-menu .ant-btn-text:focus{background-color:#0000000d}.profile-info-details{padding:20px 24px 24px}.profile-name-linkedin{font-size:24px;font-weight:600;color:#1c1e21;margin:0 0 4px}.profile-location-linkedin{font-size:15px;color:#606770;margin:0 0 12px;display:flex;align-items:center}.profile-location-linkedin .anticon{margin-right:6px}.profile-summary-line{font-size:15px;color:#606770;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;line-height:1.4}.profile-summary-line .summary-item{display:flex;align-items:center;margin-right:4px}.profile-summary-line .summary-item .anticon{margin-right:5px;font-size:14px}.profile-summary-line .summary-item.separator{color:#8a9199;margin-left:4px;margin-right:8px}.profile-main-actions .ant-btn{font-weight:500;border-radius:6px}@media (max-width: 768px){.profile-card-linkedin-style{max-width:95%}.profile-cover-photo{height:150px}.profile-avatar-linkedin.ant-avatar{width:80px;height:80px}.profile-header-content{margin-top:-40px}.profile-name-linkedin{font-size:20px}.profile-location-linkedin,.profile-summary-line{font-size:14px}}@media (max-width: 480px){.profile-page-linkedin-style{padding:10px}.profile-card-linkedin-style{border-radius:0;margin:0}.profile-avatar-linkedin.ant-avatar{width:70px;height:70px}.profile-header-content{margin-top:-35px;padding:0 16px}.profile-info-details{padding:16px}.profile-name-linkedin{font-size:18px}.profile-location-linkedin,.profile-summary-line{font-size:13px}.profile-summary-line{flex-direction:column;align-items:flex-start}.profile-summary-line .summary-item{margin-bottom:5px;margin-right:0}.profile-summary-line .summary-item.separator{display:none}.profile-main-actions.ant-space{flex-direction:column;width:100%}.profile-main-actions .ant-btn{width:100%;margin-bottom:8px!important}.profile-main-actions .ant-btn:last-child{margin-bottom:0!important}}.settings-page{max-width:700px;margin:40px auto;padding:20px;background-color:#f0f2f5;border-radius:8px}.settings-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #00000017}.settings-page .ant-card-head-title{font-weight:600}.settings-page .ant-form-item-label>label{font-weight:500}.settings-page .ant-btn-primary{border-radius:6px}@media (max-width: 768px){.settings-page{margin:20px auto;padding:15px}}@media (max-width: 480px){.settings-page{margin:10px auto;padding:10px;background-color:transparent;box-shadow:none}.settings-page .ant-card{box-shadow:none;border:1px solid #f0f0f0}.settings-page .ant-typography{font-size:1.5em;margin-bottom:20px}}