/* Figma frame 459-1813, excluding its 44px mock status bar. */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/inter-cyrillic-500-normal.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/inter-cyrillic-600-normal.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.payment-home .payment-nav { justify-content: flex-end !important; }
.payment-home .payment-nav > a { display: none !important; }
.payment-home .payment-nav b { font-weight: 500 !important; }
.payment-home .payment-hero__name h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: 0.2px !important;
}
.payment-home .payment-hero__name em { font-size: 11.451px !important; }
.payment-home .payment-card {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border: 1px solid color(display-p3 1 1 1 / 0.06) !important;
  background: rgba(75, 79, 92, 0.34) !important;
  background: color(display-p3 0.2952 0.3082 0.355 / 0.34) !important;
}
@media (max-width: 767px) {
  .payment-home .payment-hero { height: 394px !important; padding-bottom: 0 !important; }
  .payment-home .payment-hero__content { padding-top: 20px !important; }
  .payment-home .payment-hero__logo { width: 140px !important; height: 139px !important; }
  .payment-home .payment-hero__name { margin-top: 18px !important; }

  .payment-home .payment-section--russia {
    background: #141515 !important;
    background: color(display-p3 0.0783 0.0809 0.0835) !important;
    border-radius: 32px 32px 0 0;
    border-top: 0.5px solid rgba(255, 255, 255, 0.08);
    border-bottom: 0 !important;
    padding: 24px !important;
  }
  .payment-home .payment-section--mts {
    background: #141515 !important;
    background: color(display-p3 0.0783 0.0809 0.0835) !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
    padding: 0 24px 24px !important;
  }
  .payment-home .payment-section--fallback {
    height: auto !important;
    background: #1b1d1e !important;
    background: color(display-p3 0.1083 0.1151 0.1173) !important;
    padding: 24px !important;
  }
  .payment-home .payment-section--fallback header { height: auto !important; }
  .payment-home .payment-section header { margin-bottom: 24px !important; }
  .payment-home .payment-section h2 {
    font-family: "SF Pro", "SF Pro Display", -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 590 !important;
    line-height: 24px !important;
    color: #fff !important;
  }
  .payment-home .payment-section header p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    font-feature-settings: 'liga' off, 'clig' off;
  }
  .payment-home .payment-card {
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 24px 12px 16px !important;
    gap: 14px !important;
  }
  .payment-home .payment-card__icon {
    position: relative;
    width: 44px !important;
    height: 44px !important;
    border-radius: 9px;
    overflow: visible !important;
  }
  .payment-home .payment-card__icon--asset img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain !important;
  }
  .payment-home .payment-card__icon--asset img[src*="figma-459-apple"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px !important;
    height: 47.5px !important;
    max-width: none !important;
    object-fit: fill !important;
  }
  .payment-home .payment-section--mts .payment-card__icon {
    background: transparent !important;
  }
  .payment-home .payment-section--mts .payment-card__icon img[src*="figma-459-mts"] {
    position: absolute;
    left: -13.5px;
    top: -13.5px;
    width: 73.5px !important;
    height: 73.5px !important;
    max-width: none !important;
    object-fit: fill !important;
  }
  .payment-home .payment-card__copy {
    flex: 1 1 auto;
    max-width: 264px;
    gap: 4px !important;
    padding-right: 0 !important;
  }
  .payment-home .payment-card__copy strong {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    color: #fff !important;
  }
  .payment-home .payment-card__copy > span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    font-feature-settings: 'liga' off, 'clig' off;
  }
}