#pbx{font-family:Poppins,sans-serif;color:#0f1d3a;background:#f4f9ff;padding:56px 20px}
#pbx *{box-sizing:border-box}#pbx .w{max-width:1100px;margin:0 auto}
#pbx h2{font-family:Montserrat,sans-serif;font-size:30px;margin:0 0 6px;text-align:center}#pbx h2 b{color:#1e56c9}
#pbx .sub{text-align:center;color:#5a6b85;margin:0 0 28px}
#pbx .card{background:#fff;border:1px solid #e3ecf8;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(20,60,140,.06)}
#pbx .tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
#pbx .tab{border:2px solid #e3ecf8;background:#fff;border-radius:999px;padding:9px 22px;font-weight:600;cursor:pointer;font-family:inherit;font-size:15px}
#pbx .tab.on{color:#fff;border-color:var(--c);background:var(--c)}
#pbx ol.st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
#pbx ol.st li{background:#f7faff;border-radius:12px;padding:16px;border-left:4px solid var(--c,#1e56c9);font-size:14.5px;line-height:1.5}
#pbx ol.st li span{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--c,#1e56c9);color:#fff;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px}
#pbx .copy{margin-top:18px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:15px}
#pbx .copy code{background:#eef4ff;padding:8px 14px;border-radius:8px;font-weight:700;font-size:16px}
#pbx button.cp{background:#1e56c9;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;font-family:inherit}
#pbx .flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:56px 0 0}
#pbx .flow div{background:#fff;border-radius:16px;padding:22px;text-align:center;border:1px solid #e3ecf8;position:relative}
#pbx .flow i{font-style:normal;display:flex;width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#1e56c9,#14b8e6);color:#fff;font-size:22px;font-weight:700;align-items:center;justify-content:center}
#pbx .flow b{display:block;margin-bottom:4px}#pbx .flow p{margin:0;color:#5a6b85;font-size:14px}
#pbx .faq{margin-top:56px}#pbx details{background:#fff;border:1px solid #e3ecf8;border-radius:12px;padding:14px 18px;margin-bottom:10px}
#pbx summary{font-weight:600;cursor:pointer}#pbx details p{margin:10px 0 0;color:#4a5b75;line-height:1.6}
#pbx .help{margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#pbx .help a{display:inline-flex;gap:8px;align-items:center;padding:12px 22px;border-radius:12px;font-weight:600;text-decoration:none;color:#fff;background:#1e56c9}
#pbx .help a.wa{background:#1fa855}
.pbx-forgot{display:block;margin:6px 0 0;font-size:13px;color:#1e56c9;font-family:Poppins,sans-serif}
.pbx-terms{display:flex;gap:8px;align-items:flex-start;margin:4px 0 12px;font-size:13px;color:#4a5b75;font-family:Poppins,sans-serif;cursor:pointer}
.pbx-terms input{margin-top:3px;width:16px;height:16px;accent-color:#1e56c9}
.pbx-terms.err{color:#d02a2a}

#pbx .pay-guide{margin:0 auto}#pbx .copy{margin:18px 0 0}
#pbx .pay-guide-tabs{display:flex!important;flex-direction:row!important;gap:10px;justify-content:center;flex-wrap:wrap;background:none!important}
#pbx .pay-guide-tab{width:auto!important;flex:0 0 auto!important;border:2px solid #e3ecf8!important;background:#fff!important;color:#0f1d3a!important;border-radius:999px!important;padding:9px 26px!important;font-weight:600;font-size:15px;cursor:pointer}
#pbx .pay-guide-tab::after{display:none!important}
#pbx .pay-guide-tab[data-guide=bkash].active{background:#e2136e!important;border-color:#e2136e!important;color:#fff!important}
#pbx .pay-guide-tab[data-guide=nagad].active{background:#f26522!important;border-color:#f26522!important;color:#fff!important}
#pbx .pay-guide-tab[data-guide=rocket].active{background:#8c3494!important;border-color:#8c3494!important;color:#fff!important}

#pbx .banks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
#pbx .bank{background:#fff;border:1px solid #e3ecf8;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(20,60,140,.06)}
#pbx .bank h3{margin:0 0 14px;font-size:17px;color:#1e56c9}
#pbx .bank .row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px dashed #e3ecf8;font-size:14px}
#pbx .bank .row span{color:#5a6b85;flex:0 0 120px}#pbx .bank .row b{flex:1;word-break:break-all}
#pbx .cpv{background:#eef4ff;color:#1e56c9;border:0;border-radius:6px;padding:5px 10px;font-weight:600;cursor:pointer;font-family:inherit}
#pbx .bank.qr{text-align:center}#pbx .bank.qr img{width:100%;max-width:220px;border-radius:12px}
#pbx .bank.qr p{font-size:13.5px;color:#4a5b75}#pbx .dl{color:#1e56c9;font-weight:600}
#pbx .note{margin-top:18px;background:#fff8e6;border:1px solid #ffe2a0;border-radius:12px;padding:16px;text-align:center;line-height:1.8}
#pbx .wa2{display:inline-block;margin-top:8px;background:#1fa855;color:#fff;padding:10px 20px;border-radius:10px;text-decoration:none;font-weight:600}

#pbx .trust{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 34px}
#pbx .trust span{background:#fff;border:1px solid #e3ecf8;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}
#pbx .mpick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:34px}
#pbx .mpick button{background:#fff;border:2px solid #e3ecf8;border-radius:18px;padding:20px 12px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.2s;box-shadow:0 8px 24px rgba(20,60,140,.06)}
#pbx .mpick button:hover{transform:translateY(-3px);border-color:var(--c)}
#pbx .mpick img{height:46px;max-width:120px;object-fit:contain}#pbx .mpick .bi{font-size:38px;line-height:46px}
#pbx .mpick b{font-size:17px;color:var(--c)}#pbx .mpick small{color:#5a6b85;font-size:12.5px}
#pbx .mpick button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
#pbx .pay-guide-tabs{display:none!important}
#pbx .tip{text-align:center;color:#4a5b75;font-size:14px;margin:14px 0 0}
#pbx-bar{display:none}
@media(max-width:700px){#pbx{padding:40px 14px}#pbx h2{font-size:23px}#pbx .mpick{grid-template-columns:1fr 1fr;gap:10px}#pbx .mpick button{padding:14px 8px}
#pbx-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;gap:8px;padding:8px;background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.1)}
#pbx-bar a{flex:1;text-align:center;padding:12px;border-radius:10px;background:#1e56c9;color:#fff;font-weight:600;text-decoration:none;font-family:Poppins,sans-serif}#pbx-bar a.wa{background:#1fa855}body{padding-bottom:64px}}
#pbx .pay-guide{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#pbx .pay-guide>.pay-guide-head,#pbx .pay-guide>.pay-guide-tabs{grid-column:1/-1}
#pbx .pay-guide>.pay-guide-main{margin:0!important;background:#fff;border:1px solid #e3ecf8;border-radius:16px;padding:14px;min-width:0}
#pbx .pay-guide>.pay-guide-main.pbx-empty{display:none!important}
#pbx .pay-guide-main .pay-guide-title{font-size:17px!important;margin:0 0 2px!important}
#pbx .pay-guide-main .pay-guide-note{font-size:12.5px!important;margin:0 0 10px!important}
#pbx .pay-guide-main .pay-media,#pbx .pay-guide-main .pay-media-stage{min-height:0!important;height:auto!important}
#pbx .pay-guide-main img{width:100%;height:220px!important;object-fit:contain;background:#f7faff;border-radius:10px;cursor:zoom-in}
#pbx .pay-guide-main iframe{width:100%;height:220px}
#pbx .pay-guide-main .pay-media-caption{font-size:13px!important;margin:8px 0 0!important}
#pbx .pay-guide-main .pay-media-caption:after{content:" · বড় করে দেখতে ছবিতে চাপুন";color:#1e56c9;font-weight:500}
@media(max-width:700px){#pbx .pay-guide{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch}
#pbx .pay-guide>.pay-guide-head{display:none}
#pbx .pay-guide>.pay-guide-main{flex:0 0 84%;scroll-snap-align:start}}
.bank-logo{display:block;height:44px;max-width:100%;object-fit:contain;object-position:left;margin:0 0 10px}.bank-logo[src*="ucb"]{height:26px;margin:9px 0 19px}

@media(min-width:769px){#pbx .pay-guide{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px}
#pbx .pay-guide>*:not(.pay-guide-main){flex:0 0 100%}
#pbx .pay-guide-main{flex:0 1 calc((100% - 40px)/3);max-width:calc((100% - 40px)/3)}}