/* DeynoQR interactive demo — guest-facing menu */
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-600.woff2") format("woff2");font-weight:600 700;font-display:swap}
:root{--ink:#211A1D;--body:#554C50;--muted:#6E6468;--line:#ECE4E0;--bg:#FBF8F6;--card:#fff;--burg:#780829;--burg2:#5E0620;--wash:#F8ECF0;--ok:#2F6B45;--okw:#E8F2EB;--warm:#F3ECE6;--gold:#B7863A;
  --r:16px;--shadow:0 18px 40px -22px rgba(40,18,26,.45);--safe-b:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
html.dq-lock,html.dq-lock body{overflow:hidden}
body{font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
img{display:block;max-width:100%}
svg{display:block}
.dq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--burg);outline-offset:2px}
.dq{max-width:620px;margin:0 auto;min-height:100vh;min-height:100svh;background:var(--bg);position:relative;padding-bottom:28px}
.has-bar .dq-foot{padding-bottom:calc(96px + var(--safe-b))}

/* hero */
.dq-hero{padding:20px 18px 18px;background:radial-gradient(120% 140% at 100% 0%,#9B1A43 0%,var(--burg) 42%,var(--burg2) 100%);color:#FFF8F4;position:relative;overflow:hidden}
.dq-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;border:28px solid rgba(255,255,255,.06)}
.dq-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:1}
.dq-brand h1{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#fff}
.dq-brand small{display:block;font-size:13px;color:rgba(255,248,244,.78);margin-top:2px}
.dq-table{flex:none;font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}
.dq-welcome{position:relative;z-index:1;font-size:14px;line-height:1.5;color:rgba(255,248,244,.9);margin-top:12px;max-width:42ch}
.dq-demo{position:relative;z-index:1;display:inline-block;margin-top:12px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#FFE9D6;background:rgba(0,0,0,.18);padding:4px 9px;border-radius:6px}

/* search + categories */
.dq-tools{position:sticky;top:0;z-index:20;background:rgba(251,248,246,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);padding:12px 0 0}
.dq-search{position:relative;display:flex;align-items:center;margin:0 16px}
.dq-search>svg{position:absolute;left:14px;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.dq-search input{width:100%;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:0 44px 0 42px;font-size:15px;outline:none;-webkit-appearance:none;appearance:none}
.dq-search input::-webkit-search-cancel-button{display:none}
.dq-search input:focus{border-color:var(--burg);box-shadow:0 0 0 3px rgba(120,8,41,.12)}
.dq-search__x[hidden]{display:none}
.dq-search__x{position:absolute;right:4px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px}
.dq-search__x svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round}
.dq-cats{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 12px;scrollbar-width:none;scroll-behavior:smooth}
.dq-cats::-webkit-scrollbar{display:none}
.dq-cats a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--body);font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.dq-cats a.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.is-searching .dq-cats a.is-on{background:#fff;color:var(--body);border-color:var(--line)}

/* menu */
.dq-menu{padding:4px 16px 0}
.dq-sec{scroll-margin-top:120px}
.dq-sec h2{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:22px 0 10px}
.dq-sec ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.dq-item{position:relative;animation:dqIn .35s ease both}
@keyframes dqIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dq-item__open{width:100%;display:flex;gap:14px;align-items:stretch;text-align:left;padding:12px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s,transform .12s}
.dq-item__open:hover{border-color:#D9C9C3;box-shadow:0 10px 24px -18px rgba(40,18,26,.5)}
.dq-item__open:active{transform:scale(.99)}
.dq-item__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.dq-item__b b{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.3}
.dq-item__d{font-size:13.5px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dq-item__m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:auto;padding-top:4px}
.dq-item__m em{font-style:normal;font-weight:600;font-size:15px;color:var(--ink);margin-right:2px}
.dq-item__ph{flex:none;width:104px;height:104px;border-radius:12px;overflow:hidden;background:var(--warm)}
.dq-item__img{width:100%;height:100%;object-fit:cover}
.dq-tag{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--okw);color:var(--ok)}
.dq-tag--pop{background:#FBF0DE;color:#8A5A12}
.dq-tag--out{background:#F1ECEA;color:var(--muted)}
.is-out .dq-item__open{cursor:default;opacity:.72}
.is-out .dq-item__open:hover{border-color:var(--line);box-shadow:none}
.is-out .dq-item__ph{filter:grayscale(1)}
.dq-add{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--burg);display:grid;place-items:center;box-shadow:0 6px 16px -6px rgba(40,18,26,.45);border:1px solid var(--line);transition:transform .15s,background-color .2s,color .2s}
.dq-add svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.dq-add__q{font-size:15px;font-weight:700}
.dq-add:has(.dq-add__q){background:var(--burg);color:#fff;border-color:var(--burg)}
.dq-add:active{transform:scale(.9)}
.dq-add.is-pop{animation:dqPop .38s ease}
@keyframes dqPop{40%{transform:scale(1.22)}}
.dq-empty-search{margin:28px 16px;padding:22px;border-radius:var(--r);background:#fff;border:1px dashed #DCCFCA;text-align:center;font-size:14.5px}
.dq-empty-search button{display:inline-block;margin-top:8px;color:var(--burg);font-weight:600;text-decoration:underline;min-height:44px}
.dq-foot{padding:28px 18px 8px;text-align:center;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.dq-foot b{color:var(--burg)}

/* illustrated cards (dishes without photos) */
.dq-art{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#F7EEE7,#EFE2D8);color:#8B5A3C}
.dq-art svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dq-art--mains{background:linear-gradient(145deg,#F5EBE3,#E9D7C9);color:#7A3E22}
.dq-art--desserts{background:linear-gradient(145deg,#F8ECEF,#EED8DF);color:var(--burg)}
.dq-art--drinks{background:linear-gradient(145deg,#ECF2EC,#DCE8DE);color:#2F6B45}

/* cart bar */
.dq-bar{position:fixed;left:50%;bottom:calc(14px + var(--safe-b));transform:translateX(-50%);z-index:30;width:min(588px,calc(100% - 28px));min-height:56px;display:flex;align-items:center;gap:12px;padding:0 18px 0 10px;border-radius:16px;background:var(--burg);color:#fff;box-shadow:0 18px 36px -14px rgba(120,8,41,.7);animation:dqUp .3s ease}
.dq-bar[hidden]{display:none}
.dq-bar__n{min-width:32px;height:32px;padding:0 8px;border-radius:10px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:700;font-size:15px}
.dq-bar__t{flex:1;text-align:left;font-weight:600;font-size:15.5px}
.dq-bar__p{font-weight:700;font-size:15.5px}
.dq-bar.is-bump{animation:dqBump .4s ease}
@keyframes dqUp{from{transform:translate(-50%,24px);opacity:0}}
@keyframes dqBump{40%{transform:translateX(-50%) scale(1.04)}}

/* toast */
.dq-toast{position:fixed;left:50%;top:14px;transform:translate(-50%,-16px);opacity:0;z-index:60;pointer-events:none;max-width:calc(100% - 32px);background:var(--ink);color:#fff;font-size:14px;font-weight:600;padding:10px 16px;border-radius:12px;box-shadow:var(--shadow);transition:opacity .2s,transform .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dq-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* sheets */
.dq-scrim{position:fixed;inset:0;z-index:40;background:rgba(26,14,19,.46);opacity:0;transition:opacity .25s}
.dq-scrim.is-on{opacity:1}
.dq-sheet,.dq-cart{position:fixed;left:50%;bottom:0;z-index:50;width:min(620px,100%);max-height:calc(100% - 28px);display:flex;flex-direction:column;background:var(--bg);border-radius:22px 22px 0 0;box-shadow:0 -20px 50px -20px rgba(26,14,19,.5);transform:translate(-50%,100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.dq-sheet.is-on,.dq-cart.is-on{transform:translate(-50%,0)}
.dq-sheet[hidden],.dq-cart[hidden],.dq-done[hidden]{display:none}
.dq-sheet__scroll,.dq-cart__scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}
.dq-x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}
.dq-x svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}
.dq-sheet__ph{aspect-ratio:3/2;max-height:46vh;width:100%;overflow:hidden;border-radius:22px 22px 0 0;background:var(--warm)}
.dq-sheet__img{width:100%;height:100%;object-fit:cover}
.dq-sheet__ph .dq-art svg{width:30%;height:auto}
.dq-sheet__b{padding:18px 18px 8px;display:flex;flex-direction:column;gap:6px}
.dq-sheet__b h3{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.2;outline:none}
.dq-sheet__d{font-size:14.5px;color:var(--body)}
.dq-sheet__p{font-size:17px;font-weight:600;color:var(--ink);margin-top:2px}
.dq-sheet__p span{font-size:13px;font-weight:500;color:var(--muted);margin-left:6px}
.dq-opt{border:0;margin-top:14px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);display:block;min-width:0;transition:border-color .2s,box-shadow .2s}
.dq-opt.is-missing{border-color:#E7B8C6;box-shadow:0 0 0 3px rgba(120,8,41,.07)}
.dq-opt legend{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:0}
.dq-opt legend span{font-size:15px;font-weight:600;color:var(--ink)}
.dq-opt__r{flex:none;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:#F1ECEA;color:var(--muted)}
.dq-opt__r.is-req{background:var(--wash);color:var(--burg)}
.dq-choice{clear:both;position:relative;display:flex;width:100%;align-items:center;gap:12px;min-height:46px;padding:4px 2px;border-top:1px solid #F3EEEB;cursor:pointer}
.dq-choice:first-of-type{border-top:0}
.dq-choice input{position:absolute;opacity:0;width:1px;height:1px}
.dq-choice__box{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #CDBFBA;display:grid;place-items:center;transition:border-color .15s,background-color .15s}
.dq-choice input[type=checkbox]+.dq-choice__box{border-radius:7px}
.dq-choice input:checked+.dq-choice__box{border-color:var(--burg);background:var(--burg);box-shadow:inset 0 0 0 4px #fff}
.dq-choice input[type=checkbox]:checked+.dq-choice__box{box-shadow:none;background:var(--burg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.dq-choice input:focus-visible+.dq-choice__box{outline:2px solid var(--burg);outline-offset:3px}
.dq-choice__l{flex:1;font-size:14.5px;color:var(--ink)}
.dq-choice__p{font-size:14px;color:var(--muted);font-weight:500}
.dq-note{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.dq-note span{font-size:14px;font-weight:600;color:var(--ink)}
.dq-note small{font-weight:400;color:var(--muted)}
.dq-note textarea{width:100%;resize:none;border-radius:12px;border:1px solid var(--line);background:#fff;padding:11px 13px;font-size:15px;line-height:1.45;outline:none}
.dq-note textarea:focus{border-color:var(--burg);box-shadow:0 0 0 3px rgba(120,8,41,.12)}
.dq-sheet__f,.dq-cart__f{padding:12px 16px calc(14px + var(--safe-b));border-top:1px solid var(--line);background:var(--bg);display:flex;gap:12px;align-items:center}
.dq-cart__f{flex-direction:column;align-items:stretch;gap:8px}
.dq-step{flex:none;display:flex;align-items:center;gap:4px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:3px}
.dq-step button{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:var(--ink)}
.dq-step button:hover:not(:disabled){background:var(--warm)}
.dq-step button:disabled{opacity:.35;cursor:default}
.dq-step svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dq-step output{min-width:22px;text-align:center;font-weight:700;font-size:16px;color:var(--ink)}
.dq-step--sm{border-radius:12px}
.dq-step--sm button{width:44px;height:44px}
.dq-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 20px;border-radius:14px;font-size:15.5px;font-weight:600;text-decoration:none;text-align:center;transition:background-color .2s,opacity .2s,transform .12s}
.dq-btn:active:not(:disabled){transform:scale(.98)}
.dq-btn--p{background:var(--burg);color:#fff}
.dq-btn--p:hover:not(:disabled){background:var(--burg2)}
.dq-btn--p:disabled{background:#C9A9B3;cursor:default}
.dq-btn--s{background:#fff;color:var(--ink);border:1px solid #D9CCC7}
.dq-sheet__add{flex:1;min-width:0;justify-content:space-between;padding:0 14px;gap:8px;font-size:15px}
.dq-sheet__add span,.dq-sheet__add b,.dq-place span,.dq-place b{white-space:nowrap}
@media(max-width:374px){.dq-to{display:none}.dq-sheet__f{gap:8px}}
.dq-sheet__add:disabled{justify-content:center}
.dq-place{justify-content:space-between}
.dq-place:disabled{justify-content:center}

/* cart */
.dq-cart__h{position:relative;padding:20px 64px 14px 18px;border-bottom:1px solid var(--line)}
.dq-cart__h h3{font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--ink);outline:none}
.dq-cart__h span{font-size:13px;color:var(--muted)}
.dq-cart__h .dq-x{top:14px;background:#fff}
.dq-lines{list-style:none;padding:4px 18px}
.dq-line{display:flex;gap:12px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}
.dq-line__b{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start}
.dq-line__b b{font-size:15px;font-weight:600;color:var(--ink)}
.dq-line__b small{font-size:13px;color:var(--muted);line-height:1.4}
.dq-line__n{font-style:italic}
.dq-line__r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.dq-line__p{font-weight:600;color:var(--ink);font-size:15px}
.dq-link{color:var(--burg);font-weight:600;font-size:13.5px;text-decoration:underline;text-underline-offset:2px;min-height:36px;padding:4px 0}
.dq-more{display:block;margin:6px 18px 0;min-height:44px;font-size:14.5px}
.dq-cart__scroll .dq-note{margin:6px 18px 0}
.dq-sum{margin:16px 18px 16px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.dq-sum div{display:flex;justify-content:space-between;font-size:14.5px}
.dq-sum dt{color:var(--body)}
.dq-sum dd{color:var(--ink);font-weight:500}
.dq-sum__vat dt,.dq-sum__vat dd{color:var(--muted);font-size:13.5px;font-weight:400}
.dq-sum__t{border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
.dq-sum__t dt,.dq-sum__t dd{font-weight:700;color:var(--ink);font-size:17px}
.dq-cart__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:38px 24px 30px}
.dq-cart__empty svg{width:44px;height:44px;fill:none;stroke:#BBA9A3;stroke-width:1.6;stroke-linejoin:round;margin-bottom:6px}
.dq-cart__empty b{font-size:17px;color:var(--ink)}
.dq-cart__empty .dq-btn{margin-top:12px}
.dq-cart__demo{font-size:12px;color:var(--muted);text-align:center}
.dq-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:dqSpin .8s linear infinite}
@keyframes dqSpin{to{transform:rotate(360deg)}}

/* confirmation */
.dq-done{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;flex-direction:column;opacity:0;transition:opacity .3s}
.dq-done.is-on{opacity:1}
.dq-done__scroll{overflow-y:auto;flex:1;max-width:560px;width:100%;margin:0 auto;padding:40px 20px calc(28px + var(--safe-b));display:flex;flex-direction:column;align-items:center;text-align:center}
.dq-ck{width:84px;height:84px;margin-bottom:18px}
.dq-ck svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dq-ck__c{stroke:var(--ok);fill:var(--okw);stroke-dasharray:151;stroke-dashoffset:151;animation:dqDraw .6s ease forwards}
.dq-ck__p{stroke:var(--ok);stroke-width:4;stroke-dasharray:36;stroke-dashoffset:36;animation:dqDraw .35s .5s ease forwards}
@keyframes dqDraw{to{stroke-dashoffset:0}}
.dq-done h3{font-size:25px;font-weight:600;letter-spacing:-.02em;color:var(--ink);outline:none}
.dq-done__lead{font-size:15px;margin-top:6px;max-width:34ch}
.dq-ticket{width:100%;margin-top:22px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:left;box-shadow:0 14px 30px -24px rgba(40,18,26,.5);animation:dqIn .5s .4s ease both}
.dq-ticket__h{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);padding-bottom:10px;border-bottom:1px dashed #DCCFCA}
.dq-ticket__h b{color:var(--ink)}
.dq-ticket ul{list-style:none;display:flex;flex-direction:column;gap:8px;padding:12px 0}
.dq-ticket li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--ink)}
.dq-ticket li small{display:block;font-size:12.5px;color:var(--muted)}
.dq-ticket li>span:last-child{flex:none;font-weight:500}
.dq-ticket__note{font-size:13px;color:var(--body);padding:8px 10px;border-radius:10px;background:var(--warm);margin-bottom:10px}
.dq-ticket__t{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px dashed #DCCFCA;font-weight:600;color:var(--ink)}
.dq-ticket__t small{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:6px}
.dq-ticket__t b{font-size:18px}
.dq-done__demo{margin-top:18px;padding:10px 14px;border-radius:12px;background:#F6EDDF;color:#6B4C1F;font-size:13.5px}
.dq-done__how{font-size:13.5px;color:var(--muted);margin-top:10px;max-width:40ch}
.dq-done__a{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}

@media (min-width:640px){.dq{box-shadow:0 0 0 1px var(--line)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}