/* Merchant QR preparation: printable invitation and contextual, optional guidance. */
.qr-guide-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;max-width:1240px}
.qr-guide-layout>*{min-width:0}.qr-material-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.qr-guide-kicker{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--blue,#2447ef);margin:0 0 10px}.qr-material-heading h2{font-size:17px;letter-spacing:-.025em;line-height:1.35;margin:0}.qr-material-label{font-size:10px;color:#576472;white-space:nowrap}
.qr-poster-stage{padding:clamp(20px,3vw,40px);border:1px solid #e3e7ec;background:#f1f3f6;border-radius:18px}.qr-club-poster.qr-preview{margin:0;padding:36px 24px 24px;border:1px solid #e0e3e9;border-radius:2px;background:#fff;color:#161b23;box-shadow:0 12px 28px #1822300a;text-align:center;overflow-wrap:anywhere}.qr-club-poster .qr-poster-business{font-size:12px;line-height:1.5;font-weight:650;color:#333c49;margin:0 0 24px}.qr-club-poster h2{font-size:clamp(27px,2.6vw,39px);line-height:1.07;letter-spacing:-.055em;margin:0 0 18px;color:#171c24;font-weight:650}.qr-club-poster .qr-poster-instruction{font-size:13px;line-height:1.55;max-width:240px;margin:0 auto 10px;color:#4e5967}.qr-club-poster canvas{display:block;width:100%;max-width:245px;height:auto;margin:0 auto;background:#fff;image-rendering:pixelated}.qr-club-poster .qr-poster-returning{font-size:11px;line-height:1.5;color:#465362;margin:14px 0 8px}.qr-club-poster .qr-poster-url{font-size:9px;line-height:1.5;color:#6a7480;margin:0;overflow-wrap:anywhere}
.qr-material-actions{margin-top:20px;gap:10px}.qr-material-actions .text-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;font-size:12px}.qr-guide-note{font-size:12px;line-height:1.65;color:#5c6876;margin:12px 0 0}.qr-local-note{font-size:12px;line-height:1.65;padding:14px 16px;background:#fff5ef;color:#803d16;border-radius:8px;margin:18px 0}.qr-generation-status:empty{display:none}.qr-generation-status{font-size:13px;line-height:1.6;margin:16px 0;padding:14px 16px;background:#fff5ef;color:#803d16;border-left:3px solid #b95c22}
.qr-placement-guide{padding-top:2px;scroll-margin-block:24px}.qr-placement-guide:focus{outline:none}.qr-placement-guide>h2{font-size:clamp(28px,2.5vw,37px);line-height:1.08;letter-spacing:-.045em;margin:0;color:#1d2530;font-weight:650}.qr-guide-intro{font-size:13px;line-height:1.7;color:#596575;max-width:380px;margin:16px 0 10px}.qr-guide-section{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;padding:27px 0;border-bottom:1px solid #e1e5eb}.qr-guide-number{font-size:10px;font-weight:650;color:#7a8594;padding-top:4px;letter-spacing:.05em}.qr-guide-section h3{font-size:17px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px;color:#202a36}.qr-guide-section p{font-size:13px;line-height:1.7;color:#596575;margin:0 0 12px}.qr-guide-section .qr-guide-note{font-size:12px;margin:14px 0 0}.qr-location-list{list-style:none;padding:0;margin:0}.qr-location-list li+li{margin-top:15px}.qr-location-list strong{font-size:13px;font-weight:650;color:#344050}.qr-location-list p{margin:3px 0 0}
.qr-guide-details{border-top:1px solid #e1e5eb;margin-top:15px}.qr-guide-details summary{cursor:pointer;min-height:44px;padding:13px 22px 13px 0;line-height:1.5;font-size:12px;font-weight:650;color:#3046b6;list-style:disclosure-closed}.qr-guide-details[open] summary{list-style:disclosure-open}.qr-guide-details>div{padding:0 0 14px}.qr-guide-details ul{padding-left:18px;margin:0;font-size:13px;line-height:1.7;color:#596575}.qr-guide-details li+li{margin-top:8px}.qr-destination{margin-top:22px}.qr-destination label{display:block;font-size:12px;font-weight:600;margin:6px 0 8px}.qr-destination input{width:100%;min-width:0;font-size:12px}.qr-destination p{font-size:12px;line-height:1.7;color:#596575;margin:12px 0}.qr-destination .btn{min-height:44px}.qr-guide-layout :is(summary,button,a,input):focus-visible{outline:3px solid #6074ed;outline-offset:4px}
.qr-invitation{font-size:clamp(18px,1.6vw,22px);line-height:1.45;letter-spacing:-.025em;color:#253baf;background:#f0f3ff;border-left:2px solid #4059d5;margin:18px 0 0;padding:20px 22px}.qr-pitch-variants p{margin:0 0 15px}.qr-pitch-variants strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 5px;color:#667384}.qr-ready-note{margin-top:24px;padding:18px 20px;background:#f4f6f8;border-radius:10px}.qr-ready-note h3{font-size:13px;margin:0 0 8px;letter-spacing:-.01em}.qr-ready-note p{font-size:12px;line-height:1.7;margin:8px 0 0;color:#596575}
@media(max-width:1050px){.qr-guide-layout{grid-template-columns:minmax(0,1fr);max-width:680px;gap:38px}.qr-poster-stage{padding:28px}.qr-club-poster.qr-preview{max-width:400px;margin-inline:auto}.qr-club-poster h2{font-size:36px}.qr-placement-guide>h2 br{display:none}}
@media(max-width:480px){.qr-material-heading{align-items:flex-start;flex-direction:column;gap:8px}.qr-material-heading h2{font-size:16px}.qr-material-label{font-size:10px}.qr-poster-stage{padding:16px}.qr-club-poster.qr-preview{padding:28px 18px 20px}.qr-club-poster h2{font-size:32px}.qr-club-poster .qr-poster-business{margin-bottom:20px}.qr-material-actions{align-items:stretch}.qr-material-actions .btn{justify-content:center;flex:1 1 100%;min-height:44px}.qr-guide-section{grid-template-columns:22px minmax(0,1fr);gap:10px}.qr-invitation{padding:18px;font-size:19px}.qr-ready-note{padding:17px}.qr-guide-layout{gap:34px}}
@media print{
 @page{size:A4;margin:15mm}
 html,body{height:auto!important;min-height:0!important;background:#fff!important;overflow:visible!important}
 body:has(.qr-guide-layout) .shell{display:block!important;min-height:0!important}
 body:has(.qr-guide-layout) :is(.sidebar,.topbar,.page-head,.qr-material-heading,.qr-material-actions,.qr-guide-note,.qr-local-note,.qr-generation-status,.qr-destination,.qr-placement-guide,.bj-panel,.bj-guide,#bj-launcher,#toast){display:none!important}
 body:has(.qr-guide-layout) :is(.workspace,.content,#main,.qr-guide-layout,.qr-material,.qr-poster-stage){display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;max-width:none!important;min-height:0!important;background:#fff!important;box-shadow:none!important}
 body:has(.qr-guide-layout) #qr-poster{position:static!important;inset:auto!important;display:block!important;box-sizing:border-box!important;width:160mm!important;max-width:100%!important;margin:0 auto!important;padding:12mm!important;border:1px solid #d4d4d4!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;break-inside:avoid;page-break-inside:avoid;color:#000!important;print-color-adjust:exact}
 body:has(.qr-guide-layout) #qr-poster[data-qr-ready=false]{display:none!important}
 body:has(.qr-guide-layout) #qr-poster h2{font-size:34pt!important;color:#000!important;margin:0 0 6mm!important}
 body:has(.qr-guide-layout) #qr-poster .qr-poster-business{font-size:13pt!important;margin-bottom:8mm!important;color:#000!important}
 body:has(.qr-guide-layout) #qr-poster .qr-poster-instruction{font-size:11pt!important;max-width:110mm!important;color:#333!important;margin:0 auto 2mm!important}
 body:has(.qr-guide-layout) #qr-poster canvas{width:85mm!important;max-width:100%!important;height:auto!important;margin:0 auto!important}
 body:has(.qr-guide-layout) #qr-poster .qr-poster-returning{font-size:10pt!important;margin:4mm 0 3mm!important;color:#333!important}
 body:has(.qr-guide-layout) #qr-poster .qr-poster-url{font-size:8pt!important;color:#333!important}
}