/* bank logos / Банки — shared service and catalog template. */
.pattern-bank-logos .section-intro>h2{max-width:19ch;text-wrap:wrap}
.bank-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);list-style:none;margin:0;padding:0;min-width:0}
.bank-logos__item{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:104px;aspect-ratio:1.8;padding:clamp(12px,1.5vw,24px);border:1px solid var(--line);border-radius:var(--action-radius);background:var(--color-surface)}
.bank-logos__mark{display:block;width:100%;max-width:250px;height:64px}
.bank-logos__mark--vtb{max-width:185px}
.bank-logos__mark--sber{max-width:238px}
.bank-logos__mark--t-bank{height:80px}
.bank-logos__logo{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(0);opacity:1;transition:filter var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease)}
/* The supplied Rosbank PNG includes a square white canvas; fit its central wordmark. */
.bank-logos__mark--rosbank{height:auto;aspect-ratio:4.25;overflow:hidden}
.bank-logos__mark--rosbank .bank-logos__logo{object-fit:cover}
.bank-logos__item--more{container-type:inline-size;grid-column:1/-1;aspect-ratio:auto}
.bank-logos__more{display:flex;align-items:center;justify-content:center;gap:var(--space-3);white-space:nowrap}
.bank-logos__number{font-size:clamp(2.5rem,25cqw,var(--type-display));line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-medium);color:var(--link)}
.bank-logos__more-copy{display:flex;flex-direction:column;align-items:flex-start;color:var(--muted);font-size:var(--type-supporting);line-height:var(--leading-supporting)}
@media(min-width:768px){
 .bank-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bank-logos__item--more{grid-column:auto;aspect-ratio:1.8}
}
@media(min-width:1024px){
 .pattern-bank-logos .section-shell{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}
@media(min-width:1366px){
 .bank-logos__more-copy{font-size:var(--type-body);line-height:var(--leading-body)}
 .bank-logos__more{gap:var(--space-4)}
}
@media(hover:hover) and (pointer:fine){
 .bank-logos__item:hover .bank-logos__logo{filter:grayscale(1);opacity:.74}
}
@media(prefers-reduced-motion:reduce){.bank-logos__logo{transition:none}}