.menu-previewer{width:100%;max-width:560px;min-height:100vh;margin:0 auto}.menu-previewer .menu-content{padding:0 20px}.menu-previewer .menu-content .no-exact-hint{color:#8a5e22;background-color:#fbf1e2;border-radius:12px;flex-flow:row;align-items:center;gap:8px;margin-top:4px;margin-bottom:10px;padding:10px 14px;display:flex}.menu-previewer .menu-content .no-exact-hint span{font-size:12px;font-weight:500}.menu-previewer .menu-content .section-row{flex-flow:row;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.menu-previewer .menu-content .section-row h2{color:var(--brown-primary);font-size:15px;font-weight:700}.menu-previewer .menu-content .section-row span{color:var(--brown-primary);opacity:.6;font-size:11px;font-weight:500}
.menu-header{flex-flow:column;gap:14px;padding:18px 20px 0;display:flex}.menu-header .top-row{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.menu-header .top-row .lang-btn{background-color:var(--white-color);border:1.5px solid var(--brown-primary);cursor:pointer;border-radius:14px;flex-flow:row;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 14px;display:flex}.menu-header .top-row .lang-btn span{color:var(--brown-primary);font-size:13px;font-weight:500}.menu-header .top-row .pdf-btn{background-color:var(--white-color);border:1.5px solid var(--brown-primary);width:44px;height:44px;color:var(--brown-primary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;display:flex}.menu-header .brand-banner{aspect-ratio:2;border:2px solid var(--brown-primary);background-color:var(--white-color);border-radius:30px;width:100%;display:block;overflow:hidden}.menu-header .brand-banner img{object-fit:cover;width:100%;height:100%}.menu-header .title-block{text-align:center;flex-flow:column;align-items:center;gap:4px;display:flex}.menu-header .title-block h1{color:var(--brown-primary);font-size:24px;font-weight:700;line-height:1.2}.menu-header .title-block span{color:var(--brown-primary);opacity:.7;font-size:13px;font-weight:400}.menu-header .search-box{background-color:var(--white-color);height:48px;color:var(--brown-primary);border-radius:14px;flex-flow:row;align-items:center;gap:10px;padding:0 14px;display:flex;box-shadow:0 3px 20px rgba(0,0,0,.07)}.menu-header .search-box input{min-width:0;color:var(--black-color);background:0 0;border:none;outline:none;flex-grow:1;font-size:14px;font-weight:400}.menu-header .search-box input::placeholder{color:var(--muted-color)}.menu-header .search-box input::-webkit-search-cancel-button{cursor:pointer}
.menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:10px 0 24px;display:grid}
.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{background-color:var(--white-color);opacity:0;border-radius:16px;flex-flow:column;gap:4px;padding:10px;animation:.3s ease-out forwards zoomIn;display:flex;transform:scale(0);box-shadow:0 3px 20px rgba(0,0,0,.06)}.product-card .image-wrapper{aspect-ratio:4/3;background-color:var(--page-bg);border-radius:12px;width:100%;position:relative;overflow:hidden}.product-card .image-wrapper img.product-image{object-fit:cover;object-position:center;width:100%;height:100%}.product-card .image-wrapper .temp{background-color:var(--white-color);top:6px;border-radius:8px;flex-flow:row;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.product-card .image-wrapper .temp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.product-card .image-wrapper .temp:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.product-card .image-wrapper .temp:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.product-card .image-wrapper .temp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.product-card .image-wrapper .temp:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.product-card .image-wrapper .temp:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.product-card .name{color:var(--brown-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin-top:4px;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card .alt-name{color:var(--muted-color);white-space:nowrap;text-overflow:ellipsis;text-align:start;font-size:10px;font-weight:400;overflow:hidden}.product-card .price{color:var(--orange-primary);flex-flow:row;align-items:center;gap:5px;margin-top:2px;display:flex}.product-card .price span{font-size:15px;font-weight:700}
.new-banner{background-color:var(--brown-primary);border-radius:16px;flex-flow:row;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:14px 16px;display:flex}.new-banner .text{flex-flow:column;align-items:flex-start;gap:6px;display:flex}.new-banner .text .badge{background-color:var(--orange-primary);color:var(--white-color);border-radius:50px;padding:3px 10px;font-size:10px;font-weight:700}.new-banner .text h3{color:var(--white-color);font-size:17px;font-weight:700}.new-banner .text p{color:var(--orange-secondary);font-size:11px;font-weight:400}.new-banner .banner-image{object-fit:cover;border:2px solid var(--orange-primary);border-radius:50%;flex-shrink:0}
.tabs-bar{z-index:100;background-color:var(--page-bg);flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;padding:14px 0 10px;display:flex;position:-webkit-sticky;position:sticky;top:0;overflow-x:auto;overflow-y:hidden}.tabs-bar::-webkit-scrollbar{width:0;height:0}
.tab-btn{background-color:var(--white-color);cursor:pointer;border:none;border-radius:12px;flex-flow:row;flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:0 18px;transition:all .2s;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.05)}.tab-btn span{color:var(--brown-primary);white-space:nowrap;font-size:13px;font-weight:500}.tab-btn.active{background-color:var(--brown-primary)}.tab-btn.active span{color:var(--white-color);font-weight:600}.tab-btn:active{transform:scale(.97)}