.menu-previewer{padding:0 120px}@media only screen and (max-width:1200px){.menu-previewer{padding:10px 54px}}@media only screen and (max-width:1100px){.menu-previewer{padding:10px 34px}}@media only screen and (max-width:650px){.menu-previewer{padding:14px 24px 10px}.menu-previewer .logo img{width:140px}}
.menu-grid{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:25px;padding:20px 0;display:flex}@media only screen and (max-width:650px){.menu-grid{gap:10px;padding:10px 0}}
.empty-items{opacity:0;flex-flow:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;min-height:400px;animation:.3s ease-out forwards zoomIn;display:flex;transform:scale(0)}.empty-items h4{color:var(--brown-primary);font-size:22px}
.product-card{opacity:0;background-color:transparent;width:178px;height:169px;animation:.3s ease-out forwards zoomIn;position:relative;overflow:hidden;transform:scale(0)}.product-card .cover{background-color:var(--white-color);border-radius:10px;width:100%;height:118px;position:absolute;bottom:0;left:0}.product-card .head{border:2.5px solid var(--green-primary);border-radius:10px;width:160px;height:120px;position:absolute;top:0;left:10px;overflow:hidden}.product-card .head img.product-image{object-fit:cover;object-position:center;background-color:var(--green-secondary-30-semulate);width:100%;height:100%}.product-card .head .temp{background-color:var(--green-secondary-30-semulate);border-radius:5px;flex-flow:row;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:5px;right:5px}.product-card .head .price{background-color:var(--green-secondary-30-semulate);border-radius:5px;flex-flow:row;justify-content:center;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;height:24px;padding:0 6px;display:flex;position:absolute;bottom:5px;left:5px}.product-card .head .price span{color:var(--green-primary);font-size:16px;font-weight:600}.product-card h3{width:calc(100% - 20px);height:29px;color:var(--brown-primary);white-space:nowrap;padding:0 10px;font-size:13px;font-weight:600;line-height:29px;position:absolute;bottom:10px;left:10px;overflow-x:auto;overflow-y:hidden}.product-card h3::-webkit-scrollbar{width:0;height:0}@media only screen and (max-width:650px){.product-card{width:168px;height:159px}.product-card .cover{height:110px}.product-card .head{width:150px;height:112px}}@media only screen and (max-width:500px){.product-card{width:150px;height:145px}.product-card .cover{height:80px}.product-card .head{width:130px;height:100px}}
.tabs-bar{flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;padding:25px 5px 20px;display:flex;overflow-x:auto;overflow-y:hidden}.tabs-bar::-webkit-scrollbar{width:0;height:0}
.tab-btn{cursor:pointer;background-color:#fff;border:none;border-radius:10px;flex-flow:row;flex-grow:1;justify-content:flex-start;align-items:center;gap:6px;width:100%;height:48px;padding:4px 4px 4px 18px;display:flex}.tab-btn.active{outline:3px solid var(--green-primary)}.tab-btn.ltr{padding-left:4px;padding-right:18px}.tab-btn .icon-wrapper{background-color:var(--green-secondary-30-semulate);border-radius:7px;flex-flow:row;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tab-btn span{color:var(--brown-primary);white-space:nowrap;font-size:15px;font-weight:600}
.nav-bar{background-color:var(--white-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:80px;padding:10px 120px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.nav-bar .actions{flex-flow:row;justify-content:center;align-items:center;gap:8px;display:flex}.nav-bar .actions .language{width:100px;height:38px;color:var(--brown-primary);border:1px solid var(--grey-color);cursor:pointer;background-color:#fff;border-radius:50px;flex-flow:row;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.nav-bar .actions .language:hover{background-color:var(--grey-color)}.nav-bar .actions .language:active{transform:scale(.98)}@media only screen and (max-width:1200px){.nav-bar{padding:10px 54px}}@media only screen and (max-width:1100px){.nav-bar{padding:10px 34px}}@media only screen and (max-width:650px){.nav-bar{padding:14px 24px 10px}.nav-bar .logo img{width:140px}}