/* Блок «Меню кафе» (CafeMenuRenderer + cafe-menu.js). Подключается только на страницах с этим блоком. */
.cmn{--cmn-ink:#1c1917;--cmn-muted:#78716c;--cmn-line:#efe9e3;--cmn-soft:#faf7f4;--cmn-accent:#e8590c;--cmn-accent-soft:#fff1e6;--cmn-ok:#12805c;position:relative;padding:18px 16px 16px;border-radius:26px;background:#fff;color:var(--cmn-ink);box-shadow:0 14px 40px rgba(28,25,23,.08);text-align:left}
.cmn *{box-sizing:border-box}
.cmn--empty{text-align:center;color:var(--cmn-muted)}
.cmn-head{padding:2px 4px 10px}
.cmn-title{margin:0 0 6px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--cmn-ink)}
.cmn-status{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;font-size:14px;font-weight:600;color:var(--cmn-muted)}
.cmn-status i{width:8px;height:8px;border-radius:50%;background:#a8a29e;flex:0 0 auto}
.cmn-status.is-open{color:var(--cmn-ok)}
.cmn-status.is-open i{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14)}
.cmn-status.is-closed i{background:#dc2626}
.cmn-status span{font-weight:500;color:var(--cmn-muted)}
.cmn-note{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--cmn-muted)}
/* липкая полоса: вкладки и поиск */
.cmn-bar{position:sticky;top:0;z-index:5;margin:0 -16px 6px;padding:8px 16px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.cmn-bar.is-stuck{border-bottom-color:var(--cmn-line);box-shadow:0 8px 18px -14px rgba(28,25,23,.35)}
.cmn-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}
.cmn-tabs::-webkit-scrollbar{display:none}
/* прилипшая полоса: справа вверху круглая кнопка «Поделиться» - вкладки не уходят под неё */
@media (max-width:820px){.public-body--has-share .cmn-bar.is-stuck{padding-right:72px}.public-body--has-share .cmn-bar.is-stuck .cmn-tabs{margin-right:0;padding-right:0}}
.cmn-tab{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:var(--cmn-soft);color:#57534e;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.cmn-tab:hover{text-decoration:none;color:var(--cmn-ink)}
.cmn-tab.is-active{background:var(--cmn-ink);color:#fff}
.cmn-search{display:flex;align-items:center;gap:10px;margin:8px 0 0;padding:0 14px;height:42px;border-radius:14px;background:var(--cmn-soft);color:#a8a29e;font-weight:400}
.cmn-search input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;outline:none;font:inherit;font-size:15px;color:var(--cmn-ink)}
.cmn-nothing{margin:18px 0;text-align:center;color:var(--cmn-muted)}
/* разделы */
.cmn-sec{padding-top:12px;scroll-margin-top:110px}
.cmn-sec[hidden]{display:none}
.cmn-sec__title{margin:6px 4px 10px;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--cmn-ink)}
.cmn-sec__title small{margin-left:6px;font-size:13px;font-weight:600;color:var(--cmn-muted)}
.cmn-sec__off{margin:-4px 4px 10px;padding:8px 12px;border-radius:12px;background:var(--cmn-soft);font-size:13.5px;color:var(--cmn-muted)}
.cmn-items{display:flex;flex-direction:column}
/* позиция */
.cmn-item{position:relative;display:flex;gap:14px;padding:12px 4px;border-top:1px solid var(--cmn-line)}
.cmn-item:first-child{border-top:0}
.cmn-item[hidden]{display:none}
.cmn-item__open{position:absolute;inset:0;z-index:1;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:16px}
.cmn-item__open:focus-visible{outline:2px solid var(--cmn-accent);outline-offset:2px}
.cmn-item__img{position:relative;order:2;flex:0 0 108px;width:108px;height:108px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff4ea,#fde7d6)}
.cmn-item__img img{width:100%;height:100%;object-fit:cover;display:block}
.cmn-item__noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f2b48a;font-size:24px}
.cmn-item__body{flex:1;min-width:0;display:flex;flex-direction:column}
.cmn-item__top{display:flex;align-items:baseline;gap:8px}
.cmn-item__title{margin:0;font-size:16.5px;font-weight:700;line-height:1.3;color:var(--cmn-ink);overflow-wrap:anywhere}
.cmn-item__meta{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;font-size:13px;color:var(--cmn-muted)}
.cmn-lbl{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#c2410c}
.cmn-lbl--veg,.cmn-lbl--vegan,.cmn-lbl--lenten{color:#15803d}
.cmn-lbl--new{color:#b45309}
.cmn-lbl--alc{color:#7c3aed}
.cmn-lbl--sold{color:#b91c1c}
.cmn-item__desc{margin:5px 0 0;font-size:14px;line-height:1.45;color:var(--cmn-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmn-item__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.cmn-price{font-size:16.5px;font-weight:800;color:var(--cmn-ink);white-space:nowrap}
.cmn-add{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:14px;background:var(--cmn-accent-soft);color:var(--cmn-accent);font-size:16px;cursor:pointer;transition:transform .12s,background .2s}
.cmn-add:hover{background:#ffe2cc}
.cmn-add:active{transform:scale(.92)}
.cmn-add.has-n{background:var(--cmn-accent);color:#fff}
.cmn-add__n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--cmn-ink);color:#fff;font-size:11.5px;font-weight:800;line-height:20px;text-align:center}
.cmn-add__n[hidden]{display:none}
.cmn-sold{position:absolute;left:4px;right:4px;bottom:4px;padding:4px 2px;border-radius:9px;background:rgba(255,255,255,.94);color:#b91c1c;font-size:10.5px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmn-item.is-sold .cmn-item__img img{filter:grayscale(1);opacity:.55}
.cmn-item.is-sold .cmn-item__title,.cmn-item.is-sold .cmn-price{color:#a8a29e}
.cmn-sec.is-off .cmn-item{opacity:.72}
/* вид «плитка» */
.cmn--grid .cmn-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cmn--grid .cmn-item{flex-direction:column;gap:0;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--cmn-line);overflow:hidden}
.cmn--grid .cmn-item__img{order:0;flex:0 0 auto;width:100%;height:auto;aspect-ratio:1/1;border-radius:0}
.cmn--grid .cmn-item__body{padding:10px 12px 12px}
.cmn--grid .cmn-item__title{font-size:15px}
.cmn--grid .cmn-item__desc{display:none}
.cmn--grid .cmn-add{width:36px;height:36px;border-radius:12px}
/* вид «без фото»: классическое меню с точками до цены */
.cmn--compact .cmn-item{padding:10px 4px}
.cmn--compact .cmn-dots{flex:1;min-width:16px;border-bottom:2px dotted #d6d3d1;transform:translateY(-4px)}
.cmn--compact .cmn-item__desc{-webkit-line-clamp:2;font-size:13.5px}
/* окно блюда и корзина */
.cmn-sheet{position:fixed;inset:0;z-index:1300;display:flex;align-items:flex-end;justify-content:center}
.cmn-sheet[hidden]{display:none}
.cmn-sheet__bg{position:absolute;inset:0;background:rgba(28,25,23,.45);opacity:0;transition:opacity .2s}
.cmn-sheet__card{position:relative;display:flex;flex-direction:column;width:min(520px,100%);max-height:92vh;background:#fff;border-radius:26px 26px 0 0;color:var(--cmn-ink,#1c1917);transform:translateY(30px);opacity:0;transition:transform .25s cubic-bezier(.2,.9,.25,1),opacity .2s;overflow:hidden;font-family:inherit;text-align:left}
.cmn-sheet.is-open .cmn-sheet__bg{opacity:1}
.cmn-sheet.is-open .cmn-sheet__card{transform:none;opacity:1}
.cmn-sheet__scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cmn-sheet__x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.12);color:#1c1917;font-size:17px;cursor:pointer}
.cmn-sheet__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#f5f5f4}
.cmn-sheet__body{padding:18px 20px 8px}
.cmn-sheet__title{margin:0 40px 4px 0;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.cmn-sheet__img+.cmn-sheet__body .cmn-sheet__title{margin-right:0}
.cmn-sheet__meta{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:14px;color:#78716c}
.cmn-sheet__desc{margin:10px 0 0;font-size:15px;line-height:1.55;color:#57534e;white-space:pre-line}
.cmn-sheet__warn{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:14px;font-weight:600}
.cmn-g{margin:18px 0 0}
.cmn-g__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.cmn-g__name{font-size:16px;font-weight:800}
.cmn-g__rule{font-size:12.5px;color:#78716c;font-weight:600}
.cmn-g__rule.is-bad{color:#dc2626}
.cmn-opt{display:flex;align-items:center;gap:12px;margin:0;padding:11px 2px;border-top:1px solid #f1ece7;cursor:pointer;font-weight:400}
.cmn-opt:first-of-type{border-top:0}
.cmn-opt input{position:absolute;opacity:0;pointer-events:none}
.cmn-opt__mark{flex:0 0 22px;width:22px;height:22px;border:2px solid #d6d3d1;border-radius:50%;transition:all .15s;position:relative}
.cmn-opt--many .cmn-opt__mark{border-radius:7px}
.cmn-opt input:checked+.cmn-opt__mark{border-color:var(--cmn-accent,#e8590c);background:var(--cmn-accent,#e8590c);box-shadow:inset 0 0 0 4px #fff}
.cmn-opt--many input:checked+.cmn-opt__mark{box-shadow:none}
.cmn-opt--many input:checked+.cmn-opt__mark::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.cmn-opt input:focus-visible+.cmn-opt__mark{box-shadow:0 0 0 3px rgba(232,89,12,.3)}
.cmn-opt input:disabled~*{opacity:.45}
.cmn-opt__name{flex:1;font-size:15.5px}
.cmn-opt__price{font-size:14.5px;color:#78716c;font-weight:600;white-space:nowrap}
.cmn-sheet__foot{display:flex;align-items:center;gap:12px;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #f1ece7;background:#fff}
.cmn-qty{display:inline-flex;align-items:center;gap:2px;height:52px;padding:4px;border-radius:16px;background:#f5f5f4}
.cmn-qty button{width:44px;height:44px;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#1c1917;font:inherit;font-size:20px;font-weight:700;cursor:pointer}
.cmn-qty button:disabled{opacity:.4}
.cmn-qty span{min-width:30px;text-align:center;font-weight:800;font-size:16px}
.cmn-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 18px;border:0;border-radius:16px;background:var(--cmn-accent,#e8590c);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:background .2s,transform .12s}
.cmn-btn:hover{background:#d9480f}
.cmn-btn:active{transform:scale(.98)}
.cmn-btn:disabled{background:#d6d3d1;cursor:not-allowed}
.cmn-btn--ghost{background:#f5f5f4;color:#1c1917}
.cmn-btn--ghost:hover{background:#e7e5e4}
/* плашка корзины */
.cmn-cartbar{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;align-items:center;gap:12px;max-width:480px;height:58px;margin:0 auto;padding:0 20px 0 10px;border:0;border-radius:20px;background:var(--cmn-ink);color:#fff;font:inherit;font-size:16px;box-shadow:0 18px 40px rgba(28,25,23,.35);cursor:pointer;animation:cmnUp .3s cubic-bezier(.2,.9,.25,1.1)}
.cmn-cartbar[hidden]{display:none}
/* пока видна плашка cookie - корзина над ней (высоту плашки ставит скрипт) */
body:has(.cookie-consent.is-visible) .cmn-cartbar{bottom:calc(var(--cmn-cookie-h,80px) + 24px + env(safe-area-inset-bottom,0px))}
.cmn-cartbar b{flex:1;text-align:left}
.cmn-cartbar__n{min-width:38px;height:38px;padding:0 8px;border-radius:13px;background:var(--cmn-accent);font-weight:800;line-height:38px;text-align:center}
.cmn-cartbar__sum{font-weight:800}
.cmn-cartbar.is-bump{animation:cmnBump .4s ease}
@keyframes cmnUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes cmnBump{0%,100%{transform:scale(1)}40%{transform:scale(1.04)}}
/* корзина и оформление */
.cmn-cart__title{margin:0 40px 6px 0;font-size:22px;font-weight:800}
.cmn-line{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #f1ece7}
.cmn-line:first-of-type{border-top:0}
.cmn-line__img{flex:0 0 56px;width:56px;height:56px;border-radius:14px;object-fit:cover;background:#f5f5f4}
.cmn-line__main{flex:1;min-width:0}
.cmn-line__t{font-weight:700;font-size:15px;line-height:1.3}
.cmn-line__o{font-size:13px;color:#78716c;line-height:1.35}
.cmn-line__p{font-weight:800;font-size:15px;white-space:nowrap}
.cmn-line .cmn-qty{height:40px;padding:3px;border-radius:12px}
.cmn-line .cmn-qty button{width:32px;height:34px;font-size:17px;border-radius:9px}
.cmn-line .cmn-qty span{min-width:24px;font-size:14.5px}
.cmn-line.is-bad .cmn-line__t{color:#b91c1c}
.cmn-sum{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:15px;color:#57534e}
.cmn-sum--total{padding-top:10px;margin-top:6px;border-top:1px solid #f1ece7;font-size:18px;font-weight:800;color:#1c1917}
.cmn-f{display:flex;flex-direction:column;gap:6px;margin:14px 0 0;font-weight:400}
.cmn-f>span{font-size:13.5px;font-weight:700;color:#44403c}
.cmn-f input,.cmn-f textarea,.cmn-f select{width:100%;margin:0;padding:12px 14px;border:1px solid #e7e5e4;border-radius:14px;background:#fff;font:inherit;font-size:16px;color:#1c1917}
.cmn-f input:focus,.cmn-f textarea:focus,.cmn-f select:focus{outline:none;border-color:var(--cmn-accent,#e8590c);box-shadow:0 0 0 3px rgba(232,89,12,.14)}
.cmn-f textarea{min-height:70px;resize:vertical}
.cmn-ways{display:flex;gap:6px;margin:14px 0 0;padding:4px;border-radius:16px;background:#f5f5f4}
.cmn-ways button{flex:1;height:42px;border:0;border-radius:12px;background:transparent;color:#57534e;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
.cmn-ways button.is-on{background:#fff;color:#1c1917;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.cmn-chk{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;font-size:14px;color:#57534e;font-weight:400;cursor:pointer}
.cmn-chk input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--cmn-accent,#e8590c)}
.cmn-msg{margin:12px 0 0;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600}
.cmn-msg--bad{background:#fef2f2;color:#b91c1c}
.cmn-msg--info{background:#f5f5f4;color:#57534e}
.cmn-msg[hidden]{display:none}
.cmn-done{padding:28px 20px 10px;text-align:center}
.cmn-done__ic{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:28px;display:flex;align-items:center;justify-content:center}
.cmn-done h4{margin:0 0 6px;font-size:22px;font-weight:800}
.cmn-done p{margin:0;color:#57534e;line-height:1.5}
body.cmn-lock{overflow:hidden}
/* окно меню открыто - кнопка «Пожаловаться» не перекрывает кнопки окна (как у корзины товаров) */
body.cmn-lock .public-complaint-fab{display:none!important}
/* кнопка «Пожаловаться» слева внизу - плашка корзины на телефоне начинается правее неё */
@media (max-width:640px){body:has(.public-complaint-fab) .cmn-cartbar{left:78px}}
@media (min-width:640px){
  .cmn-sheet{align-items:center;padding:20px}
  .cmn-sheet__card{border-radius:26px;max-height:88vh}
}
@media (max-width:420px){
  .cmn{padding:14px 12px 12px;border-radius:22px}
  .cmn-bar{margin:0 -12px 6px;padding:8px 12px}
  .cmn-tabs{margin:0 -12px;padding:0 12px}
  .cmn-item__img{flex-basis:92px;width:92px;height:92px;border-radius:16px}
  .cmn--grid .cmn-items{gap:8px}
}
@media (prefers-reduced-motion:reduce){.cmn *,.cmn-sheet *{transition:none!important;animation:none!important}}