/* MekanBook QR menü (tema değişkenleri MenuThemes::vars ile satır içi verilir). Mobil öncelikli; tablet 2, masaüstü 3 sütun. */
.qm{--m-radius:14px;--m-gap:16px;background:var(--m-bg);color:var(--m-text);font-family:var(--m-font);font-size:1rem;line-height:1.5;min-height:60vh}
.qm *{box-sizing:border-box}
.qm a{color:var(--m-primary)}
.qm :focus-visible{outline:3px solid var(--m-primary);outline-offset:2px;border-radius:6px}
.qm-wrap{max-width:1200px;margin:0 auto;padding:16px}
.qm-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.qm-logo{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--m-surface);flex:none}
.qm-title{margin:0;font-size:clamp(1.35rem,2.5vw + .6rem,2rem);line-height:1.2;color:var(--m-text)}
.qm-sub{margin:2px 0 0;color:var(--m-muted);font-size:.92rem}
.qm-notices{display:grid;gap:8px;margin:14px 0}
.qm-note{background:var(--m-surface);border:1px solid color-mix(in srgb,var(--m-text) 12%,transparent);border-radius:12px;padding:10px 12px;font-size:.9rem}
.qm-note strong{color:var(--m-text)}
.qm-note.warn{border-color:#d97706}
.qm-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 4px}
.qm-search{flex:1 1 240px;min-width:0;padding:11px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--m-text) 25%,transparent);background:var(--m-surface);color:var(--m-text);font:inherit}
.qm-chip{border:1px solid color-mix(in srgb,var(--m-text) 25%,transparent);background:var(--m-surface);color:var(--m-text);border-radius:999px;padding:8px 12px;font:inherit;font-size:.88rem;cursor:pointer;min-height:40px}
.qm-chip[aria-pressed=true]{background:var(--m-primary);border-color:var(--m-primary);color:var(--m-on-primary)}
.qm-body{display:block}
.qm-nav{position:sticky;top:0;z-index:5;background:var(--m-bg);margin:0 -16px;padding:8px 16px;border-bottom:1px solid color-mix(in srgb,var(--m-text) 10%,transparent);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.qm-nav a{display:inline-block;padding:8px 12px;margin-inline-end:4px;border-radius:999px;color:var(--m-text);text-decoration:none;font-size:.92rem}
.qm-nav a[aria-current=true]{background:var(--m-primary);color:var(--m-on-primary)}
.qm-sec{scroll-margin-top:72px;margin-top:22px}
.qm-sec h2{font-size:1.25rem;margin:0 0 12px;color:var(--m-text)}
.qm-grid{display:grid;gap:var(--m-gap);grid-template-columns:1fr}
.qm-card{background:var(--m-surface);border-radius:var(--m-radius);overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--m-text) 8%,transparent);min-width:0}
.qm-img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block;background:color-mix(in srgb,var(--m-text) 6%,transparent)}
.qm-cbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.qm-name{font-weight:700;font-size:1.05rem;margin:0;color:var(--m-text);overflow-wrap:anywhere}
.qm-desc{color:var(--m-muted);font-size:.9rem;margin:0}
.qm-portion{font-size:.85rem;color:var(--m-muted)}
.qm-pp{font-weight:800;color:var(--m-text);text-transform:uppercase;letter-spacing:.02em}
.qm-row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:4px}
.qm-price{font-weight:800;font-size:1.1rem;color:var(--m-text);white-space:nowrap}
.qm-tags{display:flex;flex-wrap:wrap;gap:4px}
.qm-tag{font-size:.75rem;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--m-primary) 14%,var(--m-surface));color:var(--m-text)}
.qm-al{font-size:.75rem;color:var(--m-muted)}
.qm-btn{background:transparent;border:1px solid var(--m-primary);color:var(--m-primary);border-radius:999px;padding:6px 12px;font:inherit;font-size:.85rem;cursor:pointer;min-height:36px}
.qm-btn.solid{background:var(--m-primary);color:var(--m-on-primary)}
.qm-out{opacity:.6}
.qm-badge{font-size:.72rem;padding:2px 8px;border-radius:6px;background:#b91c1c;color:#fff}
/* Liste ve sade düzenler */
.qm[data-layout=list] .qm-card{flex-direction:row}
.qm[data-layout=list] .qm-img{width:112px;min-width:112px;aspect-ratio:1/1}
.qm[data-layout=compact] .qm-img{display:none}
.qm[data-layout=compact] .qm-grid{gap:0}
.qm[data-layout=compact] .qm-card{border-radius:0;border-width:0 0 1px;background:transparent}
.qm[data-layout=compact] .qm-cbody{padding:10px 0}
/* Telefon: ızgara düzeninde dev fotoğraf yerine sağda küçük görsel (taranabilir liste) */
@media (max-width:639px){
  .qm[data-layout=grid] .qm-card{flex-direction:row-reverse;align-items:stretch}
  .qm[data-layout=grid] .qm-img,.qm[data-layout=list] .qm-img{width:104px;min-width:104px;height:104px;aspect-ratio:1/1;align-self:flex-start;margin-block:12px;margin-inline-end:12px;border-radius:calc(var(--m-radius) * .6)}
  .qm[data-layout=list] .qm-img{margin-inline:12px 0}
}
/* Tablet ve masaüstü */
@media (min-width:768px){.qm[data-layout=grid] .qm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px){.qm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qm[data-layout=grid] .qm-img{aspect-ratio:3/2}.qm[data-layout=compact] .qm-grid{column-gap:32px}}
@media (min-width:1024px){
  .qm-wrap{padding:24px}
  .qm-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
  .qm-nav{position:sticky;top:12px;margin:0;padding:8px;white-space:normal;border:1px solid color-mix(in srgb,var(--m-text) 10%,transparent);border-radius:14px;max-height:calc(100vh - 24px);overflow:auto;background:var(--m-surface)}
  .qm-nav a{display:block;margin:0 0 2px}
  .qm[data-layout=grid] .qm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qm-sec{scroll-margin-top:16px}
}
/* Detay penceresi */
.qm-dialog{border:0;border-radius:18px;padding:0;max-width:560px;width:calc(100% - 24px);background:var(--m-surface);color:var(--m-text)}
.qm-dialog::backdrop{background:rgba(0,0,0,.55)}
.qm-dialog .qm-dbody{padding:18px 20px 20px}
.qm-dialog h3{margin:0 0 6px;font-size:1.25rem}
.qm-dialog dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:12px 0;font-size:.92rem}
.qm-dialog dt{color:var(--m-muted)}
.qm-dialog dd{margin:0}
.qm-legend{margin-top:28px;font-size:.88rem}
.qm-legend ol{columns:2 220px;padding-inline-start:1.4em;margin:6px 0}
.qm-foot{margin:28px 0 8px;color:var(--m-muted);font-size:.82rem;text-align:center}
.qm-foot img{height:22px;vertical-align:middle}
.qm-est{margin-top:8px}
.qm-est summary{cursor:pointer;font-weight:600}
.qm-hidden{display:none!important}
/* Koyu mod: tema koyu değilse işletim sistemi tercihine (auto) veya zorlamaya (dark) göre */
.qm[data-mode=dark]:not([data-dark-theme]){--m-bg:#121417;--m-surface:#1c1f24;--m-text:#f1f3f5;--m-muted:#a6adb6}
@media (prefers-color-scheme:dark){.qm[data-mode=auto]:not([data-dark-theme]){--m-bg:#121417;--m-surface:#1c1f24;--m-text:#f1f3f5;--m-muted:#a6adb6}}
@media (prefers-reduced-motion:reduce){.qm *{scroll-behavior:auto!important;transition:none!important}}
@media (prefers-reduced-motion:no-preference){html:has(.qm){scroll-behavior:smooth}}
@supports not (color:color-mix(in srgb,red,blue)){.qm-card,.qm-note,.qm-chip,.qm-search{border-color:rgba(127,127,127,.3)}.qm-tag{background:rgba(127,127,127,.15)}}

/* Bölgesel fiyat rozeti (nötr; tema renkleriyle) */
.qm .price-badge, .price-badge { display:inline-block; margin-top:4px; font-size:.72rem; line-height:1.3; padding:2px 8px; border-radius:999px; border:1px solid color-mix(in srgb, var(--m-muted) 40%, transparent); color:var(--m-muted); white-space:nowrap; cursor:help; }
.price-badge-above { border-color:#c47a12; color:#8a5300; background:#fff6e6; }
.price-badge-below { border-color:#2f7d4f; color:#23633d; background:#eef8f1; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }