/* Bank transfer — supported banks grid (Figma Vertical_Section 153:14521) */

.bt-banks-section {
  /* Match .currencies-section__flag-wrap (48px / 44px on small screens) */
  --bt-banks-logo-size: 48px;
  --bt-banks-surface-dark: #18285f;
  --bt-banks-surface-pepper: #fb48c4;
  scroll-margin-top: calc(var(--navbar-height) + 12px);
}

.bt-banks-section .currencies-section__title {
  font-size: clamp(2rem, 3.2vw + 1rem, var(--font-display));
  line-height: 1.08;
  margin-bottom: clamp(12px, 2vw, 20px);
}

/* Cards inherit homepage currencies tokens (light grey opacity, radius-card, padding).
 * RTL: align-items start → cross-start = inline-end (right). */
.bt-banks-section .currencies-section__card {
  align-items: start;
}

.bt-banks-card__logo-wrap {
  position: relative;
  flex-shrink: 0;
  width: var(--bt-banks-logo-size);
  height: var(--bt-banks-logo-size);
  border-radius: 9999px;
  overflow: hidden;
  background: var(--color-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(19, 24, 26, 0.1);
}

.bt-banks-card__logo-wrap--dark {
  background: var(--bt-banks-surface-dark);
}

.bt-banks-card__logo-wrap--pepper {
  background: var(--bt-banks-surface-pepper);
}

.bt-banks-card__logo {
  display: block;
  width: 72%;
  height: 72%;
  max-width: 36px;
  max-height: 36px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .bt-banks-section {
    --bt-banks-logo-size: 44px;
  }

  .bt-banks-card__logo {
    max-width: 32px;
    max-height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bt-banks-section .currencies-section__grid-scroll {
    max-height: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transition: none !important;
  }

  .bt-banks-section .currencies-section__grid-scroll--collapsed {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .bt-banks-section .currencies-section__toggle-wrap {
    display: none !important;
  }
}