.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;cursor:pointer;border-radius:16px;flex-flow:column;gap:4px;padding:10px;transition:transform .15s;animation:.3s ease-out forwards zoomIn;display:flex;transform:scale(0);box-shadow:0 3px 20px rgba(0,0,0,.06)}.product-card:active{transform:scale(.97)}.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}
.product-popup{z-index:500;flex-flow:column;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.product-popup .backdrop{background-color:var(--brown-primary-80);animation:.25s ease-out forwards popupFade;position:absolute;top:0;bottom:0;left:0;right:0}.product-popup .sheet{background-color:var(--white-color);border-radius:24px 24px 0 0;flex-flow:column;gap:16px;width:100%;max-width:560px;max-height:88vh;margin:0 auto;padding:10px 20px 28px;animation:.3s ease-out forwards sheetUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 -8px 30px rgba(0,0,0,.12)}.product-popup .sheet .handle{background-color:var(--chip-border);border-radius:3px;flex-shrink:0;align-self:center;width:44px;height:5px}.product-popup .sheet .head{flex-flow:row;align-items:center;gap:14px;display:flex}.product-popup .sheet .head img{object-fit:contain;background-color:var(--page-bg);border-radius:16px;flex-shrink:0;width:96px;height:84px;padding:2px}.product-popup .sheet .head .titles{flex-flow:column;flex-grow:1;gap:4px;min-width:0;display:flex}.product-popup .sheet .head .titles h3{color:var(--brown-primary);font-size:17px;font-weight:700;line-height:1.3}.product-popup .sheet .head .titles .alt-name{color:var(--muted-color);text-align:start;font-size:11px}.product-popup .sheet .head .titles .chips{flex-flow:wrap;gap:6px;margin-top:4px;display:flex}.product-popup .sheet .head .titles .chips .chip{background-color:var(--page-bg);height:26px;color:var(--brown-primary);border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.product-popup .sheet .head .titles .chips .chip img{background:0 0;border-radius:0;width:11px;height:14px}.product-popup .sheet .head .close-btn{background-color:var(--page-bg);width:36px;height:36px;color:var(--brown-primary);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:flex}.product-popup .sheet .divider{background-color:var(--chip-border);height:1px}.product-popup .sheet .section-row{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.product-popup .sheet .section-row h4{color:var(--brown-primary);font-size:14px;font-weight:700}.product-popup .sheet .section-row span{color:var(--brown-primary);opacity:.6;font-size:11px;font-weight:500}.product-popup .sheet .options{flex-flow:column;gap:18px;display:flex}.product-popup .sheet .options .option{flex-flow:column;gap:8px;display:flex}.product-popup .sheet .options .option .option-head{flex-flow:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.product-popup .sheet .options .option .option-head .label{color:var(--brown-primary);align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.product-popup .sheet .options .option .option-head .label svg{flex-shrink:0}.product-popup .sheet .options .option .option-head .meta{color:var(--orange-primary);white-space:nowrap;font-size:11px;font-weight:600}.product-popup .sheet .options .option .track{flex-flow:row;gap:5px;display:flex}.product-popup .sheet .options .option .track .seg{background-color:var(--orange-secondary);border-radius:6px;flex-grow:1;height:10px}.product-popup .sheet .options .option .track .seg.on{background-color:var(--brown-primary)}.product-popup .sheet .options .option .track-hints{color:var(--muted-color);flex-flow:row;justify-content:space-between;font-size:10px;display:flex}.product-popup .sheet .options .option .track-amounts{flex-flow:row;gap:5px;display:flex}.product-popup .sheet .options .option .track-amounts span{text-align:center;color:var(--muted-color);white-space:nowrap;flex:1 1 0;font-size:10px}.product-popup .sheet .options .option .track-amounts span.on{color:var(--brown-primary);font-weight:700}.product-popup .sheet .no-options{color:var(--muted-color);text-align:center;padding:6px 0;font-size:12px}.product-popup .sheet .hint{color:#8a5e22;background-color:#fbf1e2;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:flex}.product-popup .sheet .hint span{font-size:11px;font-weight:500}.product-popup .sheet .hint svg{flex-shrink:0}@keyframes popupFade{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(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)}