/* Főoldal, mobil: ragadós „Szabad időpontok” sáv + gyors dátumválasztó (quickbook.js) */
.qb-bar{display:none}
@media(max-width:750px){
  .qb-bar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:150;gap:8px;padding:8px;border-radius:26px;background:rgba(16,24,21,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.35);transform:translateY(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
  .qb-bar.is-on{transform:none;opacity:1;pointer-events:auto}
  .mm-lock .qb-bar,.qb-lock .qb-bar{opacity:0;pointer-events:none}
}
.qb-go{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:#c9eeaa;color:#101815;border-radius:19px;padding:10px 18px;text-align:left;font:inherit;cursor:pointer}
.qb-go b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.qb-go small{display:block;font-size:12px;opacity:.72;margin-top:2px;min-height:15px}
.qb-go i{font-style:normal;font-size:20px}
.qb-call{width:54px;flex:none;display:grid;place-items:center;border-radius:19px;border:1px solid rgba(255,255,255,.22);color:#eff3ed}
.qb-go:focus-visible,.qb-call:focus-visible{outline:2px solid #d2f990;outline-offset:3px}

.qb-wrap{position:fixed;inset:0;z-index:300}
.qb-wrap[hidden]{display:none}
.qb-dim{position:absolute;inset:0;background:rgba(8,14,12,.55);opacity:0;transition:opacity .25s}
.qb-sheet{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;background:#f5f6f1;color:#18281f;border-radius:26px 26px 0 0;padding:6px 20px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.25);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);font-family:Steg,Arial,sans-serif}
.qb-wrap.is-open .qb-dim{opacity:1}.qb-wrap.is-open .qb-sheet{transform:none}
.qb-grab{display:block;width:100%;height:22px;border:0;background:none;padding:0;cursor:pointer}
.qb-grab i{display:block;width:40px;height:4px;border-radius:4px;background:#c9d1c6;margin:6px auto 0}
.qb-sheet h2{margin:2px 0 14px;font-size:24px;font-weight:400;letter-spacing:-.04em;line-height:1.1;position:static}
.qb-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.qb-d{border:0;text-align:left;background:#e8ece3;color:#18281f;border-radius:16px;padding:10px 14px;font:inherit;cursor:pointer}
.qb-d.on{background:#18281f;color:#eff3ed}
.qb-d small{display:block;font-size:10px;letter-spacing:.12em;opacity:.7}
.qb-d b{display:block;font-size:19px;font-weight:400;margin-top:2px}
.qb-d span{font-size:12px;opacity:.65;min-height:16px;display:block}
.qb-cal-h{display:flex;align-items:center;justify-content:space-between;margin:2px 0 4px}
.qb-cal-h strong{font-size:14px;font-weight:600}
.qb-nav{width:36px;height:36px;border-radius:50%;border:1px solid #d3dbd0;background:#fff;color:#18281f;font-size:20px;line-height:1;cursor:pointer}
.qb-nav:disabled{opacity:.3;cursor:default}
.qb-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:14px}
.qb-h{font-size:10px;color:#7d8c80;padding:4px 0}
.qb-grid button{height:38px;border:0;border-radius:10px;background:none;color:#18281f;font:inherit;cursor:pointer;padding:0}
.qb-grid .is-past{color:#c0c8bd}
.qb-grid .is-full{color:#9aa69b;text-decoration:line-through;background:repeating-linear-gradient(135deg,#e6e9e2 0 3px,transparent 3px 6px)}
.qb-grid .is-far{color:#b4beb2}
.qb-grid .is-range{background:#d7e8c8;border-radius:0}
.qb-grid .is-sel{background:#18281f;color:#eff3ed}
.qb-legend{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:11.5px;color:#7d8c80}
.qb-legend i{width:16px;height:12px;border-radius:3px;background:repeating-linear-gradient(135deg,#d9ddd5 0 3px,transparent 3px 6px);border:1px solid #d9ddd5}
.qb-shake{animation:qbShake .35s}
@keyframes qbShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.qb-guests{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 14px;margin-top:10px;border-top:1px solid #dfe4da}
.qb-g{display:flex;flex-direction:column;align-items:center;gap:2px;background:#e8ece3;border-radius:16px;padding:10px 8px 6px}
.qb-g>span{align-self:flex-start;padding-left:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#56745d;min-height:26px}
.qb-g small{display:block;font-size:10px;letter-spacing:0;text-transform:none;color:#7d8c80;margin-top:2px}
/* számkerék (mint a foglalás oldalon) */
.qb-sheet .wheel{--row:40px;display:flex;flex-direction:column;align-items:center;position:relative;width:84px;flex:none;outline:none;border-radius:12px;-webkit-tap-highlight-color:transparent}
.qb-sheet .wheel:focus-visible{box-shadow:0 0 0 2px #56745d}
.qb-sheet .wheel-arr{display:flex;align-items:center;justify-content:center;width:100%;height:24px;padding:0;border:0;background:none;color:#8a998e;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s,color .2s}
.qb-sheet .wheel-arr svg{width:16px;height:16px}
.qb-sheet .wheel-arr:active:not(:disabled){color:#18281f}
.qb-sheet .wheel-arr:disabled{opacity:.22;cursor:default}
.qb-sheet .wheel-win{position:relative;width:100%;height:calc(var(--row) * 3)}
.qb-sheet .wheel-band{position:absolute;left:16px;right:16px;top:var(--row);height:var(--row);border-top:1px solid #c5cfc1;border-bottom:1px solid #c5cfc1;pointer-events:none}
.qb-sheet .wheel-scroll{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.qb-sheet .wheel-scroll::-webkit-scrollbar{display:none}
.qb-sheet .wheel-list{padding:var(--row) 0}
.qb-sheet .wheel-i{height:var(--row);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:24px;line-height:1;color:#18281f;font-variant-numeric:tabular-nums;letter-spacing:-.01em;user-select:none;-webkit-user-select:none;cursor:pointer;will-change:transform,opacity}
.qb-search{display:block;text-align:center;background:#18281f;color:#eff3ed;border-radius:20px;padding:16px;font-size:16px;position:sticky;bottom:0;z-index:3;box-shadow:0 -18px 16px 2px #f5f6f1,0 10px 0 10px #f5f6f1}/* a lap aljához tapad: görgetés nélkül is mindig látszik (a fölötte lévő tartalom alatta görgethető) */
.qb-search.is-off{background:#9aa69b}
.qb-sheet button:focus-visible,.qb-search:focus-visible{outline:2px solid #3d7a48;outline-offset:2px}
.qb-lock,.qb-lock body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.qb-bar,.qb-sheet,.qb-dim{transition:none}.qb-shake{animation:none}}