/* LOT-S04-S05 draft 20261104s04a — không cuộn dọc, khoảng siết như Home B3 */
.s45{display:flex;flex-direction:column;gap:6px}
.s45 .twm-head{margin:0}.s45 .twm-steps{margin:0}
.s45 .twm-card{margin:0;padding:10px 12px;border-radius:20px}
.s45-sum .r{display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:30px;font-size:14px}
.s45-sum .r>span:first-child{color:#4a5a80;font-weight:700}
.s45-sum .r.sm{font-size:12px;min-height:24px}
.s45-sum .big{font-size:22px;color:#071B49;font-weight:900}
.s45-sum .twm-copy{min-height:44px}
.s45-st{display:inline-flex;align-items:center;gap:6px}.s45-st img{height:20px;width:auto}
.s45 .twm-tl{margin:0 0 6px}
.s45-msg{margin:4px 0 0;font-size:14px;font-weight:700;color:#071B49;text-align:center}
.s45-slow{margin:6px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px}
.s45-re{min-height:44px;width:auto;padding:0 14px}
.s45-bcs{display:flex;flex-direction:column;gap:6px}
.s45 .s45-bc{display:block;background:#fff!important;border-radius:14px;padding:4px 6px 4px;margin:0}
.s45 .s45-bc .sv{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.s45 .s45-bc .sv svg.c39{display:block;height:56px;width:auto;max-width:none;margin:0 auto;background:#fff}
.s45 .s45-bc .ft{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}
.s45 .s45-bc .n{font-size:12px!important;padding:2px 8px!important;border-radius:8px}
.s45 .s45-bc .txt{font:800 13px/1.2 ui-monospace,Menlo,monospace;letter-spacing:1px;margin:0}
.s45 .twm-head{min-height:0}.s45 .twm-head .twm-h1{font-size:22px}
.s05x .s45-sum{padding:8px 12px}
.s05x .s45-sum .r>span:first-child{white-space:nowrap;font-size:12px}
.s45-hint{margin:0;text-align:center;font-size:12px;color:#4a5a80}
.s45~*,.s45 .twm-note{display:none}
.twm-cta .twm-btn{min-height:48px}
body:has(.s45) .twm-cta-in{display:flex;gap:8px}
body:has(.s45) .twm-cta-in .twm-btn{flex:1;margin:0}
@media (max-height:760px){.s45 .s45-bc .sv svg.c39{height:46px}.s05x .twm-head .twm-back{width:40px;height:40px}.s45-hint{display:none}.s45 .twm-steps{display:none}.s45-bc .sv svg{height:56px}.s45-sum .r{min-height:26px}}
.s45-slow[hidden]{display:none!important}
.s45 .s45-bc .sv svg.c39{width:100%!important;min-width:340px;margin:0}
/* s04c t167u countdown */
.s45-cd{margin:8px 0 0;text-align:center;font-size:14px;color:#5b5f7a}.s45-cd b{font-size:22px;font-variant-numeric:tabular-nums;color:#4b3fd1;margin-left:4px}.s45-sub{font-size:13px;color:#5b5f7a}
/* s04c t168u: watermark logo TW PAY mờ, lưới đều, nằm dưới nội dung (không che mã/CTA) */
.s45{position:relative;isolation:isolate}
.s45::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.06;background:url(img/twpay-logo.png?v=20261104s04c) 0 0/56px auto repeat space;background-size:56px auto;background-repeat:space;background-position:center 24px;filter:grayscale(1)}
.s45 .twm-card{position:relative;z-index:1}
/* t170u/t169u s04c */
.s45-cd .s2-spin{display:inline-block;width:14px;height:14px;vertical-align:-2px}
.s5cd{margin:2px 0 0;font-size:13px}.s5cd b{font-size:18px}
.twm-toast.s5-ready{background:#0f9d58;color:#fff;font-weight:800}