/* QR product presentation, scoped to this offer page. */
.offer-qr .offer-detail-hero{background:#fbfaf6;padding-bottom:44px}
.offer-qr .offer-hero-grid{grid-template-columns:1fr 1.08fr;gap:54px}
.offer-qr .offer-lead{font-size:16px;line-height:1.8;max-width:510px}
.offer-qr .offer-hero-visual{padding:0}
.offer-qr h1{font-size:clamp(36px,3.6vw,54px)}
.qr-scene{height:620px;position:relative;isolation:isolate;border-radius:28px;background:#172d28;box-shadow:0 28px 60px #01234816}
.qr-scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);border-radius:28px;z-index:-1}
.qr-scene-label{position:absolute;top:28px;left:28px;color:#fff;font-size:11px;letter-spacing:.05em;display:flex;align-items:center;gap:9px}
.qr-scene-label>span{width:7px;height:7px;background:#f8d56b;border-radius:50%}
.qr-tent{position:absolute;left:6%;top:110px;width:36%;padding:22px 15px 18px;background:#fffdf5;box-shadow:8px 18px 25px #0004;transform:rotate(-7deg);border-radius:7px;text-align:center;border-bottom:9px solid #d6c6a6}
.qr-tent-brand{font-size:11px;letter-spacing:.06em;text-transform:uppercase;display:block;color:#685d45}
.qr-tent>strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 5px}
.qr-tent img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.qr-tent-table{display:block;font-size:12px;font-weight:600}
.qr-tent small{display:block;font-size:9px;line-height:1.5;margin-top:8px;color:#655d4c}
.qr-phone{position:absolute;right:6%;top:50px;width:46%;max-width:250px;border:7px solid #152129;border-radius:33px;background:#fff;box-shadow:0 20px 35px #0005;overflow:hidden;transform:rotate(5deg)}
.qr-phone-top{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px;font-weight:600;background:#fff}
.qr-phone-top i{width:58px;height:14px;border-radius:10px;background:#152129}
.qr-phone-cover{background:#1f3933;color:#fff;padding:19px 16px 21px}
.qr-phone-cover>span{font-size:22px;font-family:Georgia,serif;display:block}
.qr-phone-cover>small{display:block;font-size:9px;opacity:.8;margin-top:4px}
.qr-phone-body{padding:14px 13px 16px}
.qr-phone-location{font-size:9px;display:flex;align-items:center;gap:5px;color:#52615b;margin-bottom:14px}
.qr-phone-location .icon{width:13px;height:13px}
.qr-phone-location>span{margin-left:auto;border:1px solid #dce4de;padding:3px 6px;border-radius:10px}
.qr-phone-title{font-size:18px;line-height:1.2;letter-spacing:-.035em}
.qr-phone-body>p{font-size:9px;color:#69756d;margin:5px 0 14px}
.qr-menu-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #e6e8e4}
.qr-menu-item img{width:57px;height:64px;border-radius:9px;object-fit:cover}
.qr-menu-item div{min-width:0}.qr-menu-item strong{font-size:11px;line-height:1.35;display:block}
.qr-menu-item small{display:block;font-size:8px;color:#65736b;line-height:1.5;margin:3px 0}.qr-menu-item b{font-size:11px}
.qr-cart-preview{display:flex;justify-content:space-between;background:#1f3933;color:white;padding:13px 12px;font-size:10px;border-radius:9px;margin-top:10px}
.qr-received{position:absolute;bottom:24px;right:24px;left:24px;display:flex;align-items:center;gap:13px;background:#fff;border-radius:13px;padding:16px 20px;box-shadow:0 10px 30px #0002}
.qr-check{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e9f3e9;color:#285733;display:inline-grid;place-items:center;font-size:15px;font-weight:600}
.qr-received strong{display:block;font-size:14px}.qr-received small{display:block;font-size:10px;color:#64716c;margin-top:5px}
.qr-demo-link{display:flex;justify-content:center;gap:12px;align-items:center;font-size:13px;font-weight:500;padding:18px 8px 0;text-decoration:underline;text-underline-offset:4px}
.offer-qr .offer-hero-visual figcaption{margin-top:10px;font-size:10px}
.qr-journey{background:var(--navy);color:white}
.qr-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding-block:30px;gap:36px}
.qr-journey li{display:flex;align-items:flex-start;gap:17px}
.qr-journey li>span{font-size:27px;letter-spacing:-.04em;color:var(--yellow);line-height:1.3}
.qr-journey strong{font-size:16px}.qr-journey p{font-size:12px;color:#c1ced9;line-height:1.6;margin-top:6px}
.offer-qr .offer-benefits h3{max-width:280px}
.offer-qr .offer-capabilities{background:#f5f6f3}
.offer-qr .offer-story{gap:80px}
.qr-story-figure{min-width:0}.qr-story-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:18px;text-align:center}
.qr-story-art{padding:30px;background:#e7ecdf;border-radius:23px;overflow:hidden;min-height:345px}
.qr-art-kicker{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:25px;color:#49583e}
.qr-food-photo{width:100%;height:190px;object-fit:cover;border-radius:12px 12px 0 0}
.qr-dish-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;background:white;padding:20px;border-radius:0 0 12px 12px}
.qr-dish-caption small{display:block;color:#6a755d;font-size:10px;margin-bottom:7px}.qr-dish-caption strong{font-size:18px}.qr-dish-caption>b{font-size:17px;white-space:nowrap}
.qr-update{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:18px}.qr-update .qr-check{background:#fff}
.qr-order-art{background:#f0e5cf}.qr-table-map{display:flex;justify-content:center;gap:35px;margin:32px 0}
.qr-table-map>span{position:relative;width:52px;height:52px;display:grid;place-items:center;border:2px solid #c7bfae;border-radius:13px;color:#867d6a;box-shadow:0 -6px 0 -2px #c7bfae,0 6px 0 -2px #c7bfae}
.qr-table-map .is-current{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:0 -6px 0 -2px var(--navy),0 6px 0 -2px var(--navy)}
.qr-table-map i{position:absolute;top:-6px;right:-6px;width:12px;height:12px;border-radius:50%;background:var(--yellow);border:2px solid #f0e5cf}
.qr-order-ticket{background:#fff;padding:24px;border-radius:13px;box-shadow:0 10px 22px #6756360a}
.qr-ticket-heading,.qr-ticket-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.qr-ticket-heading strong{font-size:23px}.qr-ticket-heading>span{font-size:10px;background:#fff0bc;border-radius:20px;padding:6px 10px}
.qr-ticket-line{padding-top:21px;margin-top:20px;border-top:1px dashed #d6dadc;font-size:13px}.qr-order-ticket p{font-size:11px;color:#6a7278;margin-top:9px}
.qr-ticket-footer{display:flex;gap:9px;align-items:center;font-size:11px;margin-top:20px}
.qr-settings-art{background:#e5ebf1;padding-top:34px}.qr-settings-art .qr-art-kicker{color:#4e6376}
.qr-mode{display:flex;align-items:center;gap:15px;background:#fff;padding:21px 18px;border-radius:12px;margin-top:14px;border:1px solid #d3dce4}
.qr-mode strong{font-size:16px}.qr-mode p{font-size:11px;line-height:1.65;color:var(--muted);margin-top:5px}.qr-mode-icon{color:var(--navy)}
.qr-mode-active{border:2px solid var(--navy)}.qr-mode .qr-check{margin-left:auto;flex-basis:25px;width:25px;height:25px}
.qr-safety{display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.7;margin-top:24px;color:#435970}
.offer-qr .offer-next{background:var(--navy);color:#fff}.offer-qr .offer-next p{color:#c8d3de}.offer-qr .offer-next .section-label,.offer-qr .offer-next .text-link{color:var(--yellow)}
@media(min-width:761px) and (max-width:1050px){.offer-qr .offer-hero-grid{gap:28px}.qr-scene{height:550px}.qr-phone{right:4%;width:51%;top:45px}.qr-tent{left:4%;width:39%;padding:17px 10px}.qr-tent>strong{font-size:17px}.qr-phone-body{padding:10px}.qr-menu-item img{width:42px;height:56px}.qr-phone-cover{padding:16px 12px}.qr-received{left:16px;right:16px;bottom:20px;padding:14px}.offer-qr .offer-story{gap:40px}}
@media(max-width:760px){.offer-qr .offer-hero-grid{grid-template-columns:1fr;gap:35px}.qr-scene{max-width:510px;margin:auto}.qr-journey ol{grid-template-columns:1fr;gap:22px;padding-block:28px}.qr-journey li{gap:19px}.offer-qr .offer-story{gap:28px}.qr-story-art{max-width:510px;margin:auto}.offer-qr .offer-detail-hero{padding-bottom:30px}}
@media(max-width:420px){.qr-scene{height:560px;border-radius:20px}.qr-scene-photo{border-radius:20px}.qr-scene-label{top:19px;left:18px;font-size:10px}.qr-phone{top:48px;right:4%;width:53%;border-width:5px;border-radius:25px}.qr-phone-top{height:22px;padding:0 9px}.qr-phone-top i{width:42px;height:11px}.qr-phone-cover{padding:13px 11px}.qr-phone-cover>span{font-size:19px}.qr-phone-body{padding:10px}.qr-phone-title{font-size:16px}.qr-phone-location{margin-bottom:10px;font-size:8px}.qr-phone-body>p{font-size:8px;margin-bottom:9px}.qr-menu-item{gap:7px;padding:9px 0}.qr-menu-item img{width:41px;height:50px}.qr-menu-item strong{font-size:10px}.qr-menu-item small{font-size:7px}.qr-cart-preview{padding:10px 8px;font-size:9px}.qr-tent{top:110px;left:4%;width:38%;padding:17px 9px 14px}.qr-tent>strong{font-size:17px}.qr-tent-brand{font-size:9px}.qr-tent small{font-size:8px}.qr-received{bottom:19px;left:14px;right:14px;padding:14px 12px;gap:10px}.qr-received strong{font-size:12px}.qr-received small{font-size:9px}.qr-story-art{padding:23px;min-height:0}.qr-ticket-heading strong{font-size:20px}.qr-order-ticket{padding:19px}.qr-dish-caption{padding:16px}.qr-mode{padding:18px 13px;gap:11px}.qr-mode strong{font-size:14px}.qr-demo-link{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.qr-received{animation:qr-arrive .65s .2s both}@keyframes qr-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
