.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media(min-width:720px){.wrap{padding:0 28px}}.topbar{background:var(--c-secondary)}.topbar__inner{display:flex;align-items:center;height:68px}.topbar__logo img{height:38px;width:auto}.main{padding-top:28px;padding-bottom:120px}.intro{margin-bottom:20px}.intro h1{font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.01em}.intro p{color:var(--c-muted);margin-top:6px;max-width:560px}.notice{margin-bottom:20px}.layout{display:grid;gap:24px;align-items:start}@media(min-width:900px){.layout{grid-template-columns:minmax(0,1fr) 360px;gap:32px}.side{position:sticky;top:20px}}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cats{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin:-10px 0 8px;background:var(--c-bg)}.cats::-webkit-scrollbar{display:none}.chip{flex:none;padding:8px 16px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface);font-size:14px;font-weight:500;transition:all .15s}.chip:hover{border-color:#d6c6aa}.chip.is-active{background:var(--c-secondary);border-color:var(--c-secondary);color:#fff}.cat{scroll-margin-top:64px;margin-bottom:28px}.cat__title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);margin:8px 0 12px}.dishes{display:grid;gap:12px}@media(min-width:600px){.dishes{grid-template-columns:1fr 1fr}}.dish{display:flex;flex-direction:column;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.dish:hover{box-shadow:var(--shadow-sm)}.dish.is-in{border-color:var(--c-secondary);box-shadow:0 0 0 1px var(--c-secondary)}.dish__img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--c-paper)}.dish__body{display:flex;flex-direction:column;gap:4px;padding:14px 16px;flex:1}.dish__name{font-size:16px}.dish__desc{color:var(--c-muted);font-size:14px}.dish__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.dish__price{font-weight:600}.add span{font-size:16px;line-height:1}.stepper{display:inline-flex;align-items:center;height:34px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-paper)}.stepper button{width:34px;height:32px;border:0;background:none;font-size:18px;line-height:1;border-radius:999px;color:var(--c-secondary)}.stepper button:hover:not(:disabled){background:#1f3a2b14}.stepper button:disabled{opacity:.3}.stepper span{min-width:22px;text-align:center;font-weight:600;font-size:14px}.empty{padding:48px 16px;text-align:center;color:var(--c-muted)}.cart{padding:20px;display:grid;gap:16px}.cart__title{font-size:18px}.cart__empty{font-size:14px}.cart__lines{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cart__lines li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.cart__name{display:grid}.cart__name span{font-weight:500;font-size:14px}.cart__amt{grid-column:2;text-align:right;font-size:14px;font-weight:500}.cart__lines .stepper{grid-row:1;grid-column:2}.cart__lines .cart__amt{grid-row:2;grid-column:2;font-size:13px;color:var(--c-muted)}.totals{margin:0;padding-top:14px;border-top:1px dashed var(--c-line);display:grid;gap:6px}.totals div{display:flex;justify-content:space-between;font-size:14px}.totals dt,.totals dd{margin:0}.totals__disc{color:var(--c-ok)}.totals__total{font-size:17px!important;font-weight:700;padding-top:4px}.small{font-size:13px}.center{text-align:center}.code__row{display:flex;gap:8px}.code__row .input{min-height:42px;text-transform:uppercase}.code__row .input::placeholder{text-transform:none}.code__applied{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;background:var(--c-ok-bg);color:var(--c-ok);font-size:14px}.code__msg{color:var(--c-err);font-size:13px;margin-top:6px}.linkbtn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;font-size:13px}.mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--c-bg) 70%,transparent)}.mobilebar .btn{justify-content:space-between;box-shadow:var(--shadow)}.mobilebar__count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:#fff3;font-size:13px}@media(min-width:900px){.mobilebar{display:none}}@media(max-width:899px){.layout>.side:only-child,.menu+.side{display:none}}.back{display:inline-flex;gap:6px;align-items:center;margin-bottom:16px;border:0;background:none;padding:6px 0;color:var(--c-muted);font-weight:500}.back:hover{color:var(--c-text)}.steps{display:grid;gap:16px}.step{padding:20px;display:grid;gap:16px}@media(min-width:720px){.step{padding:24px}}.step__title{display:flex;align-items:center;gap:10px;font-size:18px}.step__title span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c-secondary);color:#fff;font-size:13px}.segmented{display:inline-flex;padding:4px;border-radius:999px;background:var(--c-paper);border:1px solid var(--c-line);justify-self:start}.segmented button{border:0;background:none;padding:8px 18px;border-radius:999px;font-weight:500;font-size:14px;color:var(--c-muted)}.segmented button.is-active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-sm)}.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.day{flex:none;display:grid;gap:2px;min-width:82px;padding:10px 12px;text-align:center;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);transition:all .15s}.day strong{font-size:14px}.day span{font-size:12px;color:var(--c-muted)}.day:hover:not(:disabled){border-color:#d6c6aa}.day.is-active{border-color:var(--c-secondary);background:var(--c-secondary);color:#fff}.day.is-active span{color:#ffffffbf}.day:disabled{opacity:.45;cursor:not-allowed;background:var(--c-paper)}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.slot{padding:10px 0;border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);font-weight:500;font-size:14px;font-variant-numeric:tabular-nums;transition:all .15s}.slot:hover:not(:disabled){border-color:var(--c-secondary)}.slot.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.slot:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.guests{max-width:220px}.grid2{display:grid;gap:16px}@media(min-width:600px){.grid2{grid-template-columns:1fr 1fr}}.done{max-width:520px;margin:24px auto 0;text-align:center;display:grid;gap:12px;justify-items:center}.done__icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--c-ok-bg);color:var(--c-ok);font-size:30px;font-weight:700}.done h1{font-size:26px}.done__ref{font-size:32px;font-weight:700;letter-spacing:.08em;padding:10px 22px;border:2px dashed var(--c-secondary);border-radius:var(--radius);color:var(--c-secondary)}.done__card{width:100%;padding:20px;text-align:left;display:grid;gap:14px;margin:8px 0}.done__when{display:grid;gap:2px}.done__when span{font-size:13px;color:var(--c-muted)}.done__lines{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.done__lines li{display:flex;justify-content:space-between;gap:12px}