/**
 * Smartwave — мобильная вёрстка (≤991px / ≤767px)
 */

#wrapper {
  overflow-x: hidden;
}

@media (max-width: 991.98px) {
  html {
    scroll-padding-top: 80px;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* ——— Шапка ——— */
  .header .header-bottom {
    height: auto;
    min-height: 64px;
  }

  .header .header-bottom > .container.d-flex {
    min-height: 64px;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .header .logo {
    flex-shrink: 0;
    max-width: 42%;
  }

  .header .logo img {
    max-width: 100%;
    height: auto;
  }

  .header .language {
    margin-left: auto !important;
    flex-shrink: 0;
  }

  .header .language-is-cheked {
    font-size: 14px;
    padding: 6px 10px;
  }

  .header .burger-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-shrink: 0;
  }

  .header .header-bottom > .container + .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header .nav.nav-mobil {
    margin-bottom: 12px;
    width: 100%;
  }

  .header .nav.nav-mobil .nav-link {
    padding: 12px 16px;
    font-size: 15px;
  }

  /* ——— Секции общие ——— */
  .banner {
    margin-top: 64px;
    padding-bottom: 24px;
  }

  .banner .mt-5 {
    margin-top: 1rem !important;
  }

  .banner .btn.btn-block {
    margin-bottom: 1.5rem;
  }

  .banner .col-md-5 {
    margin-top: 0.5rem;
  }

  .payment-method {
    margin-top: -24px !important;
    padding-top: 72px !important;
    padding-bottom: 80px !important;
  }

  .payment-method .payment-method-img {
    margin-bottom: 1.5rem;
  }

  .payment-cooperation,
  .payment-video,
  .payment-register,
  .payment-solutions,
  .about.page-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .payment-system {
    padding-top: 48px !important;
    padding-bottom: 64px !important;
  }

  .payment-system .offset-lg-1 {
    display: none;
  }

  .payment-system .col-md-6.mt-5 {
    margin-top: 0 !important;
  }

  .h2.border-blue::after,
  .h3.border-blue::after {
    width: 72px;
  }

  /* ——— «Для кого подойдёт» ——— */
  .payment-system .payment-audience .card {
    padding: 1.25rem !important;
  }

  .payment-system .payment-audience .h3 {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
  }

  /* ——— Видео-блок ——— */
  .payment-transfer-art {
    min-height: 0;
  }

  /* ——— Форма ——— */
  .payment-register .col-md-6 + .col-md-6 {
    margin-top: 1.5rem;
  }

  .payment-register form .btn-primary {
    width: 100%;
  }

  /* ——— Партнёры ——— */
  .payment-solutions .nav-pills {
    flex-direction: column;
    align-items: stretch;
  }

  .payment-solutions .solutions-tab {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin-bottom: 0.5rem;
  }

  .payment-solutions .nav-pills .nav-link .card {
    padding: 1rem !important;
  }

  .payment-solutions .nav-pills .nav-link .h3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
  }

  .payment-solutions .nav-pills .nav-link .icon {
    width: 56px;
    height: 56px;
    background-size: 28px;
  }

  .payment-solutions .tab-content .card .row.no-gutters {
    flex-direction: column;
  }

  .payment-solutions .tab-content .card .col-md-3,
  .payment-solutions .tab-content .card .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .payment-solutions .tab-content .card .col-md-3 img {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
  }

  .payment-solutions .tab-content .card-body {
    padding: 1rem 1rem 1.25rem;
  }

  .payment-solutions .card-text {
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
  }

  .payment-solutions .card-text .btn {
    width: 100%;
    margin-top: 0.5rem;
  }

  /* ——— Футер ——— */
  .footer .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .footer .nav-footer .nav-item.d-flex {
    flex-wrap: wrap;
  }

  .footer .nav-footer .nav-item .nav-link {
    word-break: break-all;
  }

  .footer .nav-footer .nav-item span {
    display: block;
    padding-left: 0 !important;
    margin-top: 0.25rem;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 15px;
    line-height: 1.5;
  }

  .h2 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .payment-cooperation .card .icon {
    width: 64px;
    height: 64px;
    background-size: 32px;
  }

  .payment-cooperation .card .h3 {
    font-size: 18px !important;
  }

  .payment-system-item span {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
  }

  .payment-system-item .h3 {
    font-size: 15px !important;
    margin-left: 1rem !important;
  }

  .dropdown-menu {
    min-width: 88px;
  }
}

@media (max-width: 399.98px) {
  .header .logo {
    max-width: 120px;
  }

  .header .language-is-cheked::after {
    margin-left: 6px;
  }

  .payment-solutions .h2 {
    font-size: 18px !important;
  }
}