.pay-guide{margin:58px 0}.pay-guide-head{text-align:center;margin-bottom:24px}.pay-guide-head h2{font-size:1.55rem;font-weight:750;margin:0 0 6px}.pay-guide-head p{margin:0;color:var(--pay-muted)}.pay-guide-shell{display:grid;grid-template-columns:210px minmax(0,1fr);background:var(--pay-panel);border:1px solid var(--pay-line);border-radius:12px;box-shadow:var(--pay-shadow);overflow:hidden;min-height:390px}.pay-guide-tabs{border-right:1px solid var(--pay-line);background:#fbfcfe}.pay-guide-tab{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:18px;border:0;border-bottom:1px solid var(--pay-line);background:transparent;color:var(--pay-ink);font:650 .94rem inherit;text-align:left;cursor:pointer}.pay-guide-tab.active{color:var(--pay-red);background:var(--pay-panel)}.pay-guide-tab.active:after{content:'●';font-size:9px}.pay-guide-main{padding:24px;min-width:0}.pay-guide-title{font-size:1.2rem;font-weight:750;margin:0 0 4px}.pay-guide-note{color:var(--pay-muted);font-size:.88rem;margin:0 0 18px}.pay-media-stage{position:relative}.pay-media{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#f4f6fa;border:1px solid var(--pay-line);border-radius:9px;overflow:hidden}.pay-media img,.pay-media iframe{width:100%;height:100%;object-fit:contain;border:0}.pay-media-empty{color:var(--pay-muted);padding:30px;text-align:center}.pay-media-caption{font-weight:650;text-align:center;margin:12px 0 0}.pay-media-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.pay-media-controls button{border:0;border-radius:6px;background:var(--pay-night);color:#fff;padding:9px 14px;cursor:pointer;font-weight:650}.pay-media-controls button:disabled{opacity:.35;cursor:not-allowed}.pay-media-count{min-width:64px;text-align:center;color:var(--pay-muted);font-size:.88rem}.pay-media-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.pay-media-dot{width:8px;height:8px;border-radius:50%;border:0;background:#cbd5e1;padding:0;cursor:pointer}.pay-media-dot.active{background:var(--pay-red)}
.pay-media-zoom{position:relative;cursor:zoom-in}.pay-media-click{position:absolute;inset:0;background:transparent}
#pay-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(3,7,18,.93);padding:24px}
#pay-lightbox.open{display:flex}
.pay-lightbox-inner{max-width:min(1150px,94vw);max-height:94vh;display:flex;align-items:center;justify-content:center}
.pay-lightbox-inner img{max-width:100%;max-height:94vh;object-fit:contain;border-radius:10px;box-shadow:0 16px 60px rgba(0,0,0,.55)}
.pay-lightbox-inner iframe{width:min(1150px,92vw,calc(86vh*16/9));aspect-ratio:16/9;height:auto;border:0;border-radius:10px;background:#000;box-shadow:0 16px 60px rgba(0,0,0,.55)}
.pay-lightbox-close{position:absolute;top:16px;right:20px;z-index:1;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pay-lightbox-close:hover{background:rgba(255,255,255,.28)}
@media(max-width:700px){.pay-guide{margin:42px 0}.pay-guide-shell{grid-template-columns:1fr;min-height:0}.pay-guide-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--pay-line)}.pay-guide-tab{min-width:120px;justify-content:center;border-bottom:0;border-right:1px solid var(--pay-line);padding:14px 12px}.pay-guide-main{padding:16px}.pay-media-controls button{padding:9px 12px}#pay-lightbox{padding:12px}.pay-lightbox-close{top:8px;right:8px;width:36px;height:36px}}

.pay-guide-shell-single{display:block;min-height:0}.pay-guide-secondary{margin-top:0}.pay-guide-secondary .pay-guide-main{max-width:900px;margin:auto}

/* Keep QR artwork fully visible on every screen. */
#pg-qr-media{aspect-ratio:auto;height:auto;min-height:0;padding:12px}
#pg-qr-media .pay-media-zoom{width:100%;max-width:340px;margin:auto}
#pg-qr-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:700px){#pg-qr-media{padding:8px}#pg-qr-media .pay-media-zoom{max-width:100%}}