/* t604 — masa etiketi (ana ekran · sepet · onay · Hesap & Ödeme · servis) + karşılama katmanı. Koyu/açık (vxlt), RTL, reduced-motion. */
.qm-tag{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;line-height:1.15;font-variant-numeric:lining-nums}
.qm-tag>*{flex:none}
.qm-tag .qm-i{flex:none;color:var(--acc,#C9B27A)}
.qm-tag .qm-w{font-weight:600;opacity:.85}
.qm-tag .qm-n{font-weight:800;font-size:1.08em}
.qm-tag>.qm-a{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;opacity:.85}
.qm-tag .qm-dot{font-style:normal;opacity:.6}
/* ana ekran başlığı: restoran adının altında kalıcı çip */
.v2 .qm-home{margin-top:5px;display:flex;min-width:0}
.v2 .qm-home .qm-tag{height:24px;padding:0 9px;border-radius:999px;font-size:12px;color:var(--ink);background:var(--pn2,var(--pn));border:1px solid var(--gold2,var(--ln))}
.v2 .qm-home .qm-tag .qm-a{max-width:46vw}
/* üst çubuk rozeti (sepet, takip, servis) */
.v2 .vtbl.vtbl604{max-width:46vw;overflow:hidden}
.v2 .vtbl.vtbl604 .qm-tag{font-size:12px;gap:4px}.v2 .vtbl.vtbl604 .qm-tag .qm-a{max-width:20vw}
/* Hesap & Ödeme çipi: büyük harf yok, salon görünür */
.v2.vx .vxmasa.vxmasa604{text-transform:none;letter-spacing:0;max-width:58vw;overflow:hidden}
.v2.vx .vxmasa.vxmasa604 .qm-tag{font-size:12px}.v2.vx .vxmasa.vxmasa604 .qm-a{max-width:30vw}
/* sepet bilgi satırı */
.v2 .qm-row{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid var(--ln);background:var(--pn);color:var(--ink);font-size:13px;min-width:0}
.v2 .qm-row.on{border-color:var(--gold2,var(--acc))}
.v2 .qm-row.on .qm-tag{font-size:14px;flex:0 1 auto}
.v2 .qm-row .qm-rs{color:var(--mu);font-size:12px;margin-inline-start:auto;text-align:end;min-width:0}
.v2 .qm-row.none{border-style:dashed}.v2 .qm-row.none>.qm-i{color:var(--mu)}
.v2 .qm-row.none .qm-rb{display:flex;flex-direction:column;gap:2px;min-width:0}.v2 .qm-row.none .qm-rs{margin:0;text-align:start}
@media (max-width:370px){.v2 .qm-row.on{flex-wrap:wrap;gap:4px 10px}.v2 .qm-row.on .qm-rs{margin-inline-start:0;text-align:start;flex-basis:100%}}
/* onay pencereleri */
.v2 .qm-tag.qm-cf{display:flex;justify-content:center;margin:2px auto 10px;padding:7px 12px;border-radius:9px;border:1px solid var(--gold2,var(--ln));font-size:14px;width:max-content;max-width:100%;color:var(--ink)}
.v2 .vcfsum .qm-tag.qm-cf{margin-bottom:8px}
.v2 .qm-cfw{display:flex;justify-content:center}
/* karşılama katmanı: dokununca kapanır, ~2,6 sn sonra kendiliğinden */
.qm-hello{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(14,18,20,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;animation:qmIn .32s ease-out both}
.qm-hello .qm-hc{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:340px;width:100%;padding:24px 22px 18px;border-radius:18px;text-align:center;background:var(--pn,#2A3033);color:var(--ink,#F3EEE2);border:1px solid var(--gold2,#A8915C);box-shadow:0 18px 50px rgba(0,0,0,.35);animation:qmUp .42s cubic-bezier(.2,.8,.2,1) both}
.qm-hello .qm-logo{margin-bottom:4px}
.qm-hello .qm-hh{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc,#C9B27A)}
.qm-hello[dir=rtl] .qm-hh{letter-spacing:0}
.qm-hello .qm-hn{font-family:var(--serif,inherit);font-size:24px;line-height:1.15;color:var(--gold,var(--ink));overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qm-hello .qm-tag.qm-big{margin-top:4px;padding:7px 14px;border-radius:999px;font-size:15px;border:1px solid var(--gold2,#A8915C);background:var(--pn2,rgba(255,255,255,.04));max-width:100%}
.qm-hello .qm-tag.qm-big .qm-a{max-width:52vw}
.qm-hello .qm-ht{margin-top:6px;font-size:11.5px;color:var(--mu,#CEC8B8)}
.qm-hello.out{animation:qmOut .24s ease-in both}
@keyframes qmIn{from{opacity:0}to{opacity:1}}
@keyframes qmOut{from{opacity:1}to{opacity:0}}
@keyframes qmUp{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qm-hello,.qm-hello .qm-hc,.qm-hello.out{animation:none!important}}
.qm-hello.rm,.qm-hello.rm .qm-hc{animation:none!important}