/* Keep the full Vietnamese copy and align matching parts within each card row. */
html[lang="bn"] main .bn-card-grid{align-items:stretch}
html[lang="bn"] main .bn-align-card{display:flex;flex-direction:column;min-width:0;transform:none!important;translate:none!important;rotate:none!important}
html[lang="bn"] main .bn-align-card>.bn-card-action{margin-top:auto}
html[lang="bn"] main .bn-align-card>.bn-card-note{display:block;margin:8px 0 0;font-size:12px;font-weight:400;line-height:1.6;color:#6c7c89}
html[lang="bn"] main .bn-align-card>p:has(+.bn-card-note){margin-bottom:0}
html[lang="bn"] main .inc-package-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
html[lang="bn"] main :is(.inc-package-saving,.package-price-saving){white-space:normal;line-height:1.4}
@supports(grid-template-rows:subgrid){
 html[lang="bn"] main .bn-align-card{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid!important;grid-row:span var(--bn-card-rows);row-gap:0;align-content:stretch}
 html[lang="bn"] main .bn-align-card>[style*="--bn-card-row"]{grid-row:var(--bn-card-row);min-width:0;align-self:start}
 html[lang="bn"] main .bn-align-card>.bn-card-action{align-self:end;margin-top:18px;justify-self:start;max-width:100%}
 html[lang="bn"] main .bn-align-card>.button.bn-card-action{align-self:stretch;justify-self:stretch;display:flex;align-items:center;justify-content:center}
 html[lang="bn"] main .bn-align-card>.card-bottom{justify-self:stretch}
 html[lang="bn"] main .inc-package-card>.inc-package-features{align-self:stretch}
 html[lang="bn"] main .inc-package-card>.inc-package-extra{align-self:end}
}
@media(min-width:651px) and (max-width:1050px){
 html[lang="bn"] main .bn-card-grid:not(.bank-prep-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 html[lang="bn"] main .bn-card-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:18px}
 html[lang="bn"] main .bn-align-card{display:flex!important;flex-direction:column;grid-row:auto;min-height:0;gap:0}
 /* Reset the desktop flex basis when cards become a vertical mobile flow.
    A zero basis plus min-height:0 collapses nested flex lists and overlaps text. */
 html[lang="bn"] main .bn-align-card>[style*="--bn-card-row"]{grid-row:auto;align-self:auto;min-height:0;flex:0 0 auto}
 html[lang="bn"] main .bn-align-card>.bn-card-action{margin-top:16px}
 html[lang="bn"] main .bn-align-card>.button.bn-card-action{align-self:stretch}
 html[lang="bn"] main .bn-align-card>.bn-card-heading{min-height:0}
}