/* QR product story. Shared native dialog behavior: restaurant-product.js. */
.qm-page{--qm-sage:#e9eee5;--qm-muted:#607067;overflow:clip}
.qm-page h1,.qm-page h2,.qm-page h3{font-weight:500}
.qm-page h1{font-size:clamp(35px,3.6vw,49px);line-height:1.13;letter-spacing:-.05em;margin-bottom:24px}
.qm-page h2{font-size:clamp(29px,3vw,40px);line-height:1.16;letter-spacing:-.045em;margin-bottom:20px}
.qm-page h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin-bottom:10px}
.qm-page p{color:var(--qm-muted)}
.qm-page em{font-style:normal;color:#668575}
.qm-page .qm-eyebrow{font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.025em;color:#60786a;margin-bottom:19px}
.qm-page .qm-small{font-size:12px;line-height:1.7;margin-bottom:0;color:#607067}
.qm-scope{display:inline-block;font-size:11px;background:#e7ece2;border-radius:4px;letter-spacing:0;color:#3f614e;padding:3px 8px;margin-left:9px}
.qm-hero{padding:64px 0 68px}
.qm-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.qm-hero-copy{max-width:515px}
.qm-page .qm-lead{font-size:17px;line-height:1.8;max-width:455px;margin-bottom:27px}
.qm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-bottom:18px}
.qm-actions .button{padding-inline:20px}.qm-actions .text-link{font-size:13px;gap:9px}
.qm-hero-visual{position:relative;min-width:0;display:flex;justify-content:center;align-items:center;min-height:595px;background:var(--qm-sage);border-radius:45% 45% 12px 12px;padding:24px 35px 22px;scroll-margin-top:120px}
.qm-phone{position:relative;width:244px;max-width:100%;margin:0;z-index:1}
.qm-phone-screen{display:block;background:#183c34;padding:5px;border-radius:23px;overflow:hidden;box-shadow:0 24px 40px -28px #183c3466}
.qm-phone-screen img{display:block;width:100%;height:auto;border-radius:18px}
.qm-phone figcaption{display:grid;gap:6px;justify-items:center;font-size:10px;line-height:1.5;color:#61715f;margin-top:14px}
.qm-phone figcaption a{display:inline-flex;align-items:center;gap:15px;min-height:35px;font-size:12px;text-underline-offset:4px;color:#315443}
.qm-visual-note{position:absolute;top:94px;left:0;transform:translateX(-21%);z-index:2;background:var(--ground);padding:12px 15px;border:1px solid #d9e1d3;border-radius:7px}
.qm-visual-note p{font-size:11px;line-height:1.7;margin:0}.qm-visual-note strong{color:#315443;font-weight:500}
.qm-note-line{display:block;width:21px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:7px}
.qm-page .qm-visual-footnote{position:absolute;bottom:100px;right:0;transform:translateX(8%);z-index:2;font-size:11px;line-height:1.7;background:var(--ground);padding:12px 15px;border:1px solid #d9e1d3;border-radius:7px}
.qm-flow{padding:72px 0 62px;border-top:1px solid #dce2d8}
.qm-section-head{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:end;margin-bottom:47px}
.qm-section-head h2{margin-bottom:0}.qm-section-head>p{max-width:410px;font-size:15px;margin-bottom:3px}
.qm-flow-grid{display:grid;grid-template-columns:.8fr 1.35fr;align-items:start;gap:85px}
.qm-steps{list-style:none;padding:0;margin:37px 0 0}
.qm-steps li{display:flex;gap:19px;border-top:1px solid #d3ddcc;padding:23px 0}
.qm-steps li>span{font-size:12px;color:#668575;padding-top:3px;flex:0 0 28px}.qm-steps h3{font-size:20px;margin-bottom:9px}.qm-steps p{font-size:14px;line-height:1.8;margin:0;max-width:275px}
.qm-screen-pair{display:grid;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:15px;align-items:start;max-width:580px}
.qm-flow-shot{margin:0;min-width:0}.qm-page .qm-shot-label{display:flex;gap:7px;align-items:center;font-size:11px;margin:0 0 13px;line-height:1.5;color:#375845;min-height:25px}
.qm-shot-label>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7ece2;font-size:10px;flex:0 0 22px}
.qm-flow-shot>a{display:block;background:#fff;border:1px solid #d4ddd1;border-radius:9px;overflow:hidden;box-shadow:0 16px 26px -24px #183c3444}
.qm-flow-shot img{display:block;width:100%;height:auto}.qm-flow-shot figcaption{font-size:10px;line-height:1.6;color:#61715f;margin-top:11px}
.qm-flow-arrow{margin-top:230px;font-size:23px;line-height:1;color:#789271}
.qm-page .qm-screen-note{font-size:11px;line-height:1.7;margin:23px 0 0;text-align:right}
.qm-benefits{padding:72px 0 76px;background:#edf1e8}.qm-benefits-head{margin-bottom:38px}.qm-benefits-head h2{max-width:650px}
.qm-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.qm-benefit-grid>div{border-top:1px solid #cdd8c6;padding-top:19px}.qm-benefit-mark{display:block;font-size:11px;color:#668575;margin-bottom:18px}.qm-benefit-grid h3{font-size:20px;max-width:290px}.qm-benefit-grid p{font-size:14px;line-height:1.8;margin-bottom:0;max-width:310px}
.qm-scope-section{padding:75px 0}.qm-scope-box{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid #d3ddcc;border-bottom:1px solid #d3ddcc;padding:36px 0}.qm-scope-box h2{font-size:30px;max-width:420px}.qm-scope-box>div>p:not(.qm-eyebrow){font-size:14px;max-width:465px}.qm-scope-box .text-link{font-size:13px}.qm-requirements{padding-top:7px}.qm-requirements>div+div{margin-top:26px}.qm-requirements h3{font-size:16px;margin-bottom:7px}.qm-requirements p{font-size:13px;line-height:1.8;margin:0}.qm-requirements>a{display:inline-block;font-size:12px;line-height:1.7;margin-top:22px;text-underline-offset:4px}
.qm-faq{padding:0 0 76px}.qm-page .faq-layout{align-items:start;gap:85px}.qm-page .faq-intro h2{font-size:34px;margin-bottom:18px}.qm-page .faq-intro .text-link{font-size:12px}.qm-page .faq p{font-size:13px;color:var(--qm-muted)}.qm-page .faq p+p{margin-top:-10px}
.qm-final{padding:0 0 80px}.qm-final-box{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#f2c6ab;border-radius:12px;padding:42px 46px}.qm-final-box h2{font-size:34px;max-width:680px;margin-bottom:16px}.qm-final-box p{font-size:13px;margin-bottom:0;color:#53604b}.qm-final-box .qm-eyebrow{font-size:11px;color:#645f4b;margin-bottom:16px}.qm-final-box .button{flex-shrink:0}
.qm-page [id]{scroll-margin-top:112px}.qm-page a:focus-visible,.qm-page button:focus-visible,.qm-page summary:focus-visible,.qm-page .rp-gallery-scroll:focus-visible{outline:2px solid #ce7045;outline-offset:4px}
/* Reuse the existing restaurant gallery behavior without loading its layout. */
.qm-page .rp-gallery{width:min(1100px,96vw);max-width:96vw;max-height:94dvh;padding:0;background:var(--ground);color:var(--ink);border:1px solid #c8d5c1;border-radius:10px;overflow:hidden}
.qm-page .rp-gallery::backdrop{background:#0f2928b8}
.qm-page .rp-gallery-head{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #d4dfcd}.qm-page .rp-gallery-head h2{font-size:18px;margin:0}
.qm-page .rp-gallery button{border:1px solid #c5d3bc;background:#fff;color:#284933;border-radius:5px;min-height:44px;padding:6px 12px;font-size:12px;white-space:nowrap}
.qm-page .rp-gallery-toolbar{display:flex;gap:12px;align-items:center;padding:12px 20px}.qm-page .rp-gallery-toolbar>span{margin-right:auto;font-size:12px}
.qm-page .rp-gallery-scroll{max-height:calc(94dvh - 190px);overflow:auto;background:#e6ebe1;text-align:center;overscroll-behavior:contain;padding:8px}.qm-page .rp-gallery-scroll img{display:block;width:auto;max-width:100%;max-height:calc(94dvh - 210px);height:auto;margin:auto}
.qm-page .rp-gallery-actual .rp-gallery-scroll img{max-width:none;max-height:none;width:auto;height:auto;margin:0}.qm-page .rp-gallery-note{font-size:11px;margin:0;padding:12px 20px}
@media(max-width:1100px){.qm-hero-grid{gap:40px}.qm-page h1{font-size:39px}.qm-hero-visual{padding-inline:20px}.qm-visual-note{left:0;top:60px;transform:translateX(-9%)}.qm-page .qm-visual-footnote{right:0;transform:translateX(4%)}.qm-flow-grid{gap:45px;grid-template-columns:.85fr 1.4fr}.qm-screen-pair{gap:10px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}.qm-flow-arrow{font-size:20px}.qm-shot-label{font-size:10px!important}.qm-benefit-grid{gap:30px}.qm-scope-box{gap:50px}.qm-page .faq-layout{gap:50px}.qm-section-head{gap:50px}}
@media(max-width:760px){.qm-page .wrap{padding-inline:20px}.qm-hero{padding:38px 0 45px}.qm-hero-grid{grid-template-columns:1fr;gap:28px}.qm-page h1{font-size:36px;line-height:1.15;max-width:440px;margin-bottom:19px}.qm-page .qm-eyebrow{font-size:11px;margin-bottom:15px}.qm-scope{font-size:10px;margin-left:6px;padding:2px 6px}.qm-page .qm-lead{font-size:16px;line-height:1.8;margin-bottom:23px;max-width:430px}.qm-actions{gap:6px 19px;margin-bottom:13px}.qm-actions .button{font-size:13px;padding:12px 16px}.qm-actions .text-link{font-size:12px}.qm-page .qm-small{font-size:10px}.qm-hero-visual{min-height:0;max-width:430px;width:100%;justify-self:center;padding:23px 24px 18px;border-radius:42% 42% 10px 10px}.qm-phone{width:232px}.qm-visual-note,.qm-page .qm-visual-footnote{display:none}.qm-phone-screen{padding:4px;border-radius:21px}.qm-phone-screen img{border-radius:17px}.qm-phone figcaption{font-size:10px;gap:3px}.qm-flow{padding:47px 0 45px}.qm-page h2{font-size:30px;line-height:1.18}.qm-section-head{grid-template-columns:1fr;gap:19px;margin-bottom:25px}.qm-section-head>p{font-size:14px;max-width:430px}.qm-flow-grid{grid-template-columns:1fr;gap:28px}.qm-steps{margin:0;display:grid;gap:0}.qm-steps li{gap:14px;padding:18px 0}.qm-steps h3{font-size:19px;margin-bottom:7px}.qm-steps p{font-size:13px;max-width:100%;line-height:1.75}.qm-steps li>span{font-size:11px;flex-basis:25px}.qm-screen-pair{max-width:490px;margin-inline:auto;width:100%;gap:9px;grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr)}.qm-page .qm-shot-label{font-size:10px;gap:5px;align-items:flex-start;min-height:30px;margin-bottom:9px}.qm-shot-label>span{width:19px;height:19px;flex-basis:19px;font-size:9px}.qm-flow-arrow{font-size:18px;margin-top:185px}.qm-flow-shot>a{border-radius:7px}.qm-flow-shot figcaption{font-size:9px;line-height:1.6;margin-top:9px}.qm-page .qm-screen-note{font-size:10px;text-align:left;margin-top:18px}.qm-benefits{padding:47px 0 50px}.qm-benefits-head{margin-bottom:27px}.qm-benefit-grid{grid-template-columns:1fr;gap:23px}.qm-benefit-grid>div{padding-top:15px}.qm-benefit-mark{font-size:10px;margin-bottom:13px}.qm-benefit-grid h3{font-size:20px;max-width:100%;margin-bottom:9px}.qm-benefit-grid p{font-size:13px;max-width:100%}.qm-scope-section{padding:45px 0}.qm-scope-box{grid-template-columns:1fr;gap:25px;padding:28px 0}.qm-scope-box h2{font-size:27px}.qm-scope-box>div>p:not(.qm-eyebrow){font-size:13px}.qm-scope-box .text-link{font-size:12px}.qm-requirements{border-top:1px solid #d3ddcc;padding-top:25px}.qm-requirements h3{font-size:16px}.qm-requirements p,.qm-requirements>a{font-size:12px}.qm-faq{padding-bottom:45px}.qm-page .faq-layout{grid-template-columns:1fr;gap:22px}.qm-page .faq-intro h2{font-size:30px}.qm-page .faq p{font-size:13px}.qm-final{padding-bottom:45px}.qm-final-box{display:block;padding:30px 25px;border-radius:9px}.qm-final-box h2{font-size:28px}.qm-final-box p{font-size:11px}.qm-final-box .button{margin-top:24px;font-size:13px}.qm-page .rp-gallery-head{padding:12px}.qm-page .rp-gallery-head h2{font-size:14px;letter-spacing:-.02em}.qm-page .rp-gallery-head button{padding:5px 9px;font-size:11px}.qm-page .rp-gallery-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.qm-page .rp-gallery-toolbar>span{font-size:11px;margin:0 auto}.qm-page .rp-gallery-toolbar [data-rp-zoom]{order:4;width:100%}.qm-page .rp-gallery button{font-size:11px}.qm-page .rp-gallery-scroll{max-height:calc(94dvh - 230px);padding:4px}.qm-page .rp-gallery-scroll img{max-height:calc(94dvh - 240px)}.qm-page .rp-gallery-note{padding:10px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.qm-page .button{transition:none}}
/* This stylesheet is loaded only on the revised QR page. */
@media(pointer:coarse){html,body,body *{touch-action:pan-x pan-y pinch-zoom!important}}