/*
 * Alpina Pay v10.22 — calm banking home.
 *
 * Scope:
 * - remove the obsolete desktop sidebar and greeting;
 * - keep the approved service catalogue completely untouched;
 * - rebuild the card area as a compact banking control;
 * - rebuild wallet funding as one short checkout flow.
 */

/* ───────────────────────────── App shell ───────────────────────────── */
html:not([data-app-theme="dark"]) body {
  background:
    radial-gradient(circle at 8% -8%, rgba(92, 104, 242, 0.11), transparent 34rem),
    radial-gradient(circle at 100% 28%, rgba(63, 162, 198, 0.08), transparent 38rem),
    #f2f5f9 !important;
}

html[data-app-theme="dark"] body {
  background:
    radial-gradient(circle at 8% -8%, rgba(93, 104, 238, 0.11), transparent 34rem),
    #0d1015 !important;
}

.ui-v109.ui-v10 > .pay-side-nav,
.ui-v109.ui-v10 > .pay-dashboard-greeting {
  display: none !important;
}

.ui-v109.ui-v10.pay-home {
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
  align-content: start !important;
  align-items: start !important;
  justify-items: stretch !important;
}

html:not([data-app-theme="dark"]) .ui-v109.ui-v10.pay-home.has-card,
html[data-app-theme="dark"] .ui-v109.ui-v10.pay-home.has-card {
  grid-template-areas:
    "header"
    "card"
    "services" !important;
}

html:not([data-app-theme="dark"]) .ui-v109.ui-v10.pay-home.needs-card,
html[data-app-theme="dark"] .ui-v109.ui-v10.pay-home.needs-card {
  grid-template-areas:
    "header"
    "offer"
    "services" !important;
}

@media (min-width: 961px) {
  .ui-v109.ui-v10.pay-home {
    width: min(1052px, calc(100% - 48px)) !important;
    max-width: 1052px !important;
    row-gap: 18px !important;
  }
}

@media (min-width: 761px) and (max-width: 960px) {
  .ui-v109.ui-v10.pay-home {
    width: min(900px, calc(100% - 32px)) !important;
    max-width: 900px !important;
    row-gap: 14px !important;
  }
}

/* ───────────────────────── Premium card area ──────────────────────── */
html body .ui-v109.ui-v10 .card-workspace-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-workspace-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-workspace-v1016 {
  grid-area: card !important;
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  min-height: 0 !important;
  overflow: visible !important;
  justify-self: center !important;
  margin: 2px auto 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title {
  width: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
  padding: 0 2px !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title h1 {
  margin: 0 !important;
  color: var(--v109-text) !important;
  font-size: 24px !important;
  font-weight: 730 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.1 !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title p {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title::after {
  content: "Активна";
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid rgba(20, 156, 102, 0.18);
  border-radius: 999px;
  background: rgba(20, 156, 102, 0.09);
  color: #12875b;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 700;
}

html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title::after {
  border-color: rgba(65, 211, 147, 0.18);
  background: rgba(65, 211, 147, 0.09);
  color: #63d9a8;
}

html body .ui-v109.ui-v10 .card-layout-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-layout-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-layout-v1016 {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: 360px minmax(280px, 1fr) !important;
  grid-template-areas:
    "card overview"
    "card info" !important;
  align-items: start !important;
  gap: 10px 28px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 {
  display: contents !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-deck {
  grid-area: card !important;
  width: 100% !important;
  max-width: 360px !important;
  min-width: 0 !important;
  align-self: start !important;
  justify-self: center !important;
}

html body .ui-v109.ui-v10 .card-deck-shell,
html body .ui-v109.ui-v10 .card-deck-track,
html body .ui-v109.ui-v10 .card-deck-slide {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .ui-v109.ui-v10 .card-deck-shell {
  overflow: hidden !important;
  padding: 0 !important;
}

html body .ui-v109.ui-v10 .card-deck-track {
  display: flex !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 0 0 !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  overscroll-behavior-x: contain !important;
  touch-action: pan-x !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

html body .ui-v109.ui-v10 .card-deck-track::-webkit-scrollbar {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-deck-slide,
html body .ui-v109.ui-v10 .card-deck-slide:nth-child(n) {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  scroll-snap-align: center !important;
  scroll-snap-stop: always !important;
  opacity: 1 !important;
  transform: none !important;
}

html body .ui-v109.ui-v10 .card-deck-arrow {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap {
  width: min(100%, 348px) !important;
  max-width: 348px !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .alpina-card-face,
html body .ui-v109.ui-v10 .alpina-card-face.product-universal,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .alpina-card-face,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .alpina-card-face {
  width: 100% !important;
  aspect-ratio: 1.586 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 20px !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.055), transparent 34%),
    linear-gradient(148deg, #171a22 0%, #20263a 62%, #4652ad 145%) !important;
  color: #f8f9fc !important;
  padding: 22px !important;
  box-shadow:
    0 24px 52px -32px rgba(5, 9, 22, 0.78),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html body .ui-v109.ui-v10 .alpina-card-face.product-universal {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.045), transparent 34%),
    linear-gradient(148deg, #17191e 0%, #0d0f13 72%, #1b2230 130%) !important;
}

html body .ui-v109.ui-v10 .alpina-card-face::before,
html body .ui-v109.ui-v10 .alpina-card-face::after,
html body .ui-v109.ui-v10 .alpina-card-art-v108,
html body .ui-v109.ui-v10 .card-drawing-canvas,
html body .ui-v109.ui-v10 .card-draw-tools {
  display: none !important;
}

html body .ui-v109.ui-v10 .alpina-card-face-head,
html body .ui-v109.ui-v10 .alpina-card-face-number,
html body .ui-v109.ui-v10 .alpina-card-face-foot {
  position: relative !important;
  z-index: 2 !important;
}

html body .ui-v109.ui-v10 .alpina-card-wordmark,
html body .ui-v109.ui-v10 .alpina-card-wordmark i,
html body .ui-v109.ui-v10 .alpina-card-face:not(.product-universal) .alpina-card-wordmark,
html body .ui-v109.ui-v10 .alpina-card-face:not(.product-universal) .alpina-card-wordmark i {
  color: #f8f9fc !important;
}

html body .ui-v109.ui-v10 .alpina-card-wordmark {
  font-size: 18px !important;
  font-weight: 760 !important;
  letter-spacing: -0.045em !important;
}

html body .ui-v109.ui-v10 .alpina-card-wordmark i {
  opacity: 0.48 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
}

html body .ui-v109.ui-v10 .alpina-card-face .card-network-mark.mastercard {
  width: 42px !important;
  height: 25px !important;
}

html body .ui-v109.ui-v10 .alpina-card-face .card-network-mark.mastercard i {
  width: 23px !important;
  height: 23px !important;
  background: #eb001b !important;
}

html body .ui-v109.ui-v10 .alpina-card-face .card-network-mark.mastercard i + i {
  margin-left: -7px !important;
  background: #f79e1b !important;
}

html body .ui-v109.ui-v10 .alpina-card-face .card-network-mark.visa {
  color: #f8f9fc !important;
  font-size: 20px !important;
}

html body .ui-v109.ui-v10 .alpina-card-face-number,
html body .ui-v109.ui-v10 .alpina-card-face:not(.product-universal) .alpina-card-face-number {
  color: #f8f9fc !important;
  font-size: 18px !important;
  font-weight: 610 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.05 !important;
  text-shadow: none !important;
}

html body .ui-v109.ui-v10 .alpina-card-face-foot small,
html body .ui-v109.ui-v10 .alpina-card-face:not(.product-universal) .alpina-card-face-foot small {
  color: rgba(248, 249, 252, 0.52) !important;
  font-size: 8px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
}

html body .ui-v109.ui-v10 .alpina-card-face-foot b,
html body .ui-v109.ui-v10 .alpina-card-face:not(.product-universal) .alpina-card-face-foot b {
  overflow: hidden !important;
  color: #f8f9fc !important;
  font-size: 10px !important;
  font-weight: 680 !important;
  letter-spacing: 0.025em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109.ui-v10 .card-deck-pagination {
  min-height: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 8px 0 0 !important;
}

html body .ui-v109.ui-v10 .card-deck.is-single .card-deck-pagination {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-deck-pagination button {
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--v109-line-strong) !important;
  padding: 0 !important;
}

html body .ui-v109.ui-v10 .card-deck-pagination button.active {
  width: 20px !important;
  background: #6672ed !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016 {
  grid-area: overview !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  align-self: start !important;
  display: grid !important;
  align-content: start !important;
  gap: 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 9px 0 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: end !important;
  justify-content: start !important;
  gap: 3px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v109-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 0 17px !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance::before {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance small {
  position: static !important;
  grid-column: 1 / -1 !important;
  color: var(--v109-text-soft) !important;
  font-size: 13px !important;
  font-weight: 580 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance strong {
  position: static !important;
  color: var(--v109-text) !important;
  font-size: 40px !important;
  font-weight: 735 !important;
  letter-spacing: -0.055em !important;
  line-height: 0.98 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance > span {
  position: static !important;
  align-self: end !important;
  color: var(--v109-text-soft) !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  padding-bottom: 3px !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button,
html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child,
html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:nth-child(2) {
  min-width: 0 !important;
  min-height: 48px !important;
  grid-column: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 14px !important;
  background: var(--v109-surface) !important;
  color: var(--v109-text) !important;
  padding: 0 13px !important;
  font-size: 14px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child {
  position: relative !important;
  overflow: hidden !important;
  border-color: var(--v109-text) !important;
  background: var(--v109-text) !important;
  color: transparent !important;
  font-size: 0 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child::after {
  content: "Пополнить" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: var(--v109-surface) !important;
  font-size: 14px !important;
  font-weight: 680 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child:disabled::after {
  content: "Пополнение скоро" !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:disabled {
  opacity: 0.42 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .topup-plus-icon {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-usage-info-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-usage-info-v1016 {
  grid-area: info !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--v109-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary {
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 10px 0 !important;
}

html body .ui-v109.ui-v10 .card-usage-info-icon-v1016 {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: rgba(102, 114, 237, 0.1) !important;
  color: #6672ed !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary b {
  color: var(--v109-text) !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary small {
  overflow: hidden !important;
  color: var(--v109-text-soft) !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109.ui-v10 .card-usage-info-body-v1016 {
  border-top: 1px solid var(--v109-line) !important;
  padding: 16px 0 2px !important;
}

/* ─────────────────────── Wallet funding checkout ───────────────────── */
.modal-backdrop .ui-v109-modal.modal-compact:has(.wallet-modal-v1022) {
  width: min(480px, calc(100vw - 24px)) !important;
  max-width: 480px !important;
  max-height: min(760px, calc(100dvh - 32px)) !important;
  border-radius: 22px !important;
  background: var(--v109-surface) !important;
  padding: 0 !important;
}

.ui-v109-modal:has(.wallet-modal-v1022) .modal-head {
  min-height: 72px !important;
  align-items: center !important;
  border-bottom: 0 !important;
  background: var(--v109-surface) !important;
  padding: 18px 20px 10px !important;
}

.ui-v109-modal:has(.wallet-modal-v1022) .modal-head h2 {
  margin: 0 !important;
  color: var(--v109-text) !important;
  font-size: 25px !important;
  font-weight: 730 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.1 !important;
}

.ui-v109-modal:has(.wallet-modal-v1022) .modal-head .icon-button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 13px !important;
  background: var(--v109-surface-soft) !important;
  color: var(--v109-text-soft) !important;
  font-size: 22px !important;
}

.ui-v109-modal .wallet-modal-v1022 {
  display: grid !important;
  gap: 18px !important;
  padding: 8px 20px 20px !important;
}

.ui-v109-modal .wallet-funding-v1022 {
  overflow: hidden !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 17px !important;
  background: var(--v109-surface) !important;
  box-shadow: none !important;
}

.ui-v109-modal .wallet-balance-line-v1022 {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border-bottom: 1px solid var(--v109-line) !important;
  padding: 0 15px !important;
  color: var(--v109-text-soft) !important;
  font-size: 13px !important;
  font-weight: 590 !important;
}

.ui-v109-modal .wallet-balance-line-v1022 strong {
  color: var(--v109-text) !important;
  font-size: 15px !important;
  font-weight: 710 !important;
}

.ui-v109-modal .wallet-amount-v1022 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 5px 10px !important;
  padding: 13px 15px 15px !important;
}

.ui-v109-modal .wallet-amount-v1022 > span {
  grid-column: 1 / -1 !important;
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 590 !important;
}

.ui-v109-modal .wallet-amount-v1022 > input {
  min-width: 0 !important;
  width: 100% !important;
  height: 44px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--v109-text) !important;
  padding: 0 !important;
  font: inherit !important;
  font-size: 36px !important;
  font-weight: 730 !important;
  letter-spacing: -0.055em !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.ui-v109-modal .wallet-amount-v1022 > b {
  color: var(--v109-text-soft) !important;
  font-size: 19px !important;
  font-weight: 650 !important;
}

.ui-v109-modal .wallet-amount-v1022 > small {
  grid-column: 1 / -1 !important;
  margin: 2px 0 0 !important;
  color: #d84e55 !important;
  font-size: 12px !important;
  font-weight: 620 !important;
}

.ui-v109-modal .wallet-payment-v1022 {
  display: grid !important;
  gap: 8px !important;
}

.ui-v109-modal .wallet-payment-v1022 h3 {
  margin: 0 !important;
  color: var(--v109-text) !important;
  font-size: 14px !important;
  font-weight: 690 !important;
  letter-spacing: -0.01em !important;
}

.ui-v109-modal .wallet-method-list-v1022 {
  overflow: hidden !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 17px !important;
  background: var(--v109-surface) !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button {
  width: 100% !important;
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--v109-text) !important;
  padding: 8px 14px !important;
  text-align: left !important;
  box-shadow: none !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button + button {
  border-top: 1px solid var(--v109-line) !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button.active {
  background: color-mix(in srgb, #6672ed 8%, var(--v109-surface)) !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button.is-disabled {
  opacity: 0.48 !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button > span:nth-child(2) {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.ui-v109-modal .wallet-method-list-v1022 b {
  overflow: hidden !important;
  color: var(--v109-text) !important;
  font-size: 14px !important;
  font-weight: 680 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ui-v109-modal .wallet-method-list-v1022 small {
  overflow: hidden !important;
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ui-v109-modal .wallet-method-list-v1022 .payment-brand {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.ui-v109-modal .wallet-method-list-v1022 .payment-brand img,
.ui-v109-modal .wallet-method-list-v1022 .payment-brand-sbp > img {
  width: auto !important;
  max-width: 29px !important;
  height: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
}

.ui-v109-modal .wallet-method-list-v1022 .payment-brand-crypto > img {
  width: 29px !important;
  height: 29px !important;
  max-width: 29px !important;
  max-height: 29px !important;
  border-radius: 9px !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button > i:last-child {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  border: 1.5px solid var(--v109-line-strong) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ui-v109-modal .wallet-method-list-v1022 > button.active > i:last-child {
  border: 5px solid #6672ed !important;
  background: var(--v109-surface) !important;
}

.ui-v109-modal .wallet-total-v1022 {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 15px !important;
  background: var(--v109-surface-soft) !important;
}

.ui-v109-modal .wallet-total-v1022 > span {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 10px 13px !important;
}

.ui-v109-modal .wallet-total-v1022 > span + span {
  border-left: 1px solid var(--v109-line) !important;
}

.ui-v109-modal .wallet-total-v1022 small {
  color: var(--v109-text-soft) !important;
  font-size: 11px !important;
  font-weight: 560 !important;
}

.ui-v109-modal .wallet-total-v1022 b {
  overflow: hidden !important;
  color: var(--v109-text) !important;
  font-size: 15px !important;
  font-weight: 710 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ui-v109-modal .wallet-modal-v1022 .wallet-message {
  margin: -7px 0 0 !important;
  color: #d84e55 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.ui-v109-modal .wallet-submit-v1022 {
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 1fr 18px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: var(--v109-text) !important;
  color: var(--v109-surface) !important;
  padding: 0 17px !important;
  box-shadow: none !important;
}

.ui-v109-modal .wallet-submit-v1022 .wallet-submit-label-v106 {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.ui-v109-modal .wallet-submit-v1022 b {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 690 !important;
}

.ui-v109-modal .wallet-submit-v1022:disabled {
  background: var(--v109-surface-soft) !important;
  color: var(--v109-text-soft) !important;
  opacity: 1 !important;
}

/* ───────────────────────────── Mobile ─────────────────────────────── */
@media (max-width: 760px) {
  .ui-v109.ui-v10.pay-home {
    row-gap: 12px !important;
  }

  html body .ui-v109.ui-v10 .card-workspace-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-workspace-v1016 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title {
    margin-bottom: 10px !important;
  }

  html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title h1 {
    font-size: 22px !important;
  }

  html body .ui-v109.ui-v10 .card-layout-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-layout-v1016 {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "card"
      "overview"
      "info" !important;
    gap: 12px !important;
  }

  html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-deck {
    width: min(100%, 340px) !important;
    max-width: 340px !important;
  }

  html body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
  }

  html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016 {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    justify-self: center !important;
    gap: 14px !important;
    padding-top: 1px !important;
  }

  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance {
    padding-bottom: 14px !important;
  }

  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance strong {
    font-size: 38px !important;
  }

  html body .ui-v109.ui-v10 .card-usage-info-v1016 {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    justify-self: center !important;
  }

  .modal-backdrop .ui-v109-modal.modal-compact:has(.wallet-modal-v1022) {
    width: min(100%, 480px) !important;
    max-width: min(100%, 480px) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 20px !important;
  }

  .ui-v109-modal:has(.wallet-modal-v1022) .modal-head {
    min-height: 66px !important;
    padding: 15px 16px 8px !important;
  }

  .ui-v109-modal:has(.wallet-modal-v1022) .modal-head h2 {
    font-size: 23px !important;
  }

  .ui-v109-modal .wallet-modal-v1022 {
    gap: 15px !important;
    padding: 7px 16px 16px !important;
  }
}

@media (max-width: 430px) {
  html body .ui-v109.ui-v10 .alpina-card-face {
    border-radius: 18px !important;
    padding: 19px !important;
  }

  html body .ui-v109.ui-v10 .alpina-card-face-number {
    font-size: clamp(14px, 4.4vw, 17px) !important;
  }

  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button,
  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child,
  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:nth-child(2) {
    min-height: 46px !important;
    padding-inline: 9px !important;
    font-size: 13px !important;
  }

  .ui-v109-modal .wallet-balance-line-v1022,
  .ui-v109-modal .wallet-amount-v1022,
  .ui-v109-modal .wallet-method-list-v1022 > button,
  .ui-v109-modal .wallet-total-v1022 > span {
    padding-inline: 13px !important;
  }
}

/* ───────────────────── Card product picker v10.23 ─────────────────────
   The choice is a compact banking list: one visual route, one price, one action. */
.ui-v109-modal.modal-card:has(.card-product-picker) {
  width: min(760px, calc(100vw - 40px)) !important;
  max-width: 760px !important;
}

.ui-v109-modal:has(.card-product-picker) .modal-head {
  min-height: 54px !important;
  margin-bottom: 16px !important;
}

.ui-v109-modal:has(.card-product-picker) .modal-head p {
  margin-top: 5px !important;
}

.ui-v109-modal .card-product-picker {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

.ui-v109-modal .card-product-option {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 118px !important;
  display: grid !important;
  grid-template-columns: 144px minmax(0, 1fr) 124px !important;
  align-items: center !important;
  gap: 16px !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 16px !important;
  background: var(--v109-surface) !important;
  color: var(--v109-text) !important;
  padding: 12px !important;
  text-align: left !important;
  box-shadow: none !important;
  appearance: none !important;
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease !important;
}

.ui-v109-modal .card-product-option:hover {
  border-color: var(--v109-line-strong) !important;
  background: var(--v109-surface-tint) !important;
  transform: translateY(-1px) !important;
}

.ui-v109-modal .card-product-option:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--v109-brand) 26%, transparent) !important;
  outline-offset: 2px !important;
}

.ui-v109-modal .card-product-option.recommended {
  border-color: color-mix(in srgb, var(--v109-brand) 42%, var(--v109-line)) !important;
  background: color-mix(in srgb, var(--v109-brand) 4%, var(--v109-surface)) !important;
  box-shadow: none !important;
}

.ui-v109-modal .card-product-option .product-card-art {
  width: 144px !important;
  height: 91px !important;
  min-height: 0 !important;
  aspect-ratio: 1.586 !important;
  align-self: center !important;
  border-radius: 12px !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.ui-v109-modal .card-product-option .product-card-art > span:not(.card-network-mark) {
  top: 11px !important;
  right: 11px !important;
  font-size: 6px !important;
  letter-spacing: 0.1em !important;
}

.ui-v109-modal .card-product-option .product-card-art > b,
.ui-v109-modal .card-product-option .product-card-art.product-universal > b {
  left: 11px !important;
  bottom: 10px !important;
  font-size: 10px !important;
  letter-spacing: -0.015em !important;
}

.ui-v109-modal .card-product-option .product-card-art .card-network-mark {
  right: 11px !important;
  bottom: 9px !important;
  transform: scale(0.66) !important;
  transform-origin: right bottom !important;
}

.ui-v109-modal .product-option-copy {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
}

.ui-v109-modal .product-title-row {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.ui-v109-modal .product-title-row h3 {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--v109-text) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}

.ui-v109-modal .product-priority {
  position: static !important;
  z-index: auto !important;
  top: auto !important;
  left: auto !important;
  width: max-content !important;
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid color-mix(in srgb, var(--v109-brand) 24%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--v109-brand) 10%, var(--v109-surface)) !important;
  color: var(--v109-brand) !important;
  padding: 0 8px !important;
  font-size: 10px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  backdrop-filter: none !important;
}

.ui-v109-modal .product-option-copy > p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: var(--v109-text-soft) !important;
  font-size: 13px !important;
  font-weight: 480 !important;
  line-height: 1.4 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.ui-v109-modal .product-feature-row {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px 0 !important;
  padding: 0 !important;
}

.ui-v109-modal .product-feature-row span {
  min-height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--v109-text-faint) !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

.ui-v109-modal .product-feature-row span + span::before {
  content: "·" !important;
  margin: 0 6px !important;
  color: var(--v109-line-strong) !important;
}

.ui-v109-modal .product-option-action {
  min-width: 0 !important;
  min-height: 66px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;
  border-left: 1px solid var(--v109-line) !important;
  padding-left: 16px !important;
}

.ui-v109-modal .product-option-action > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.ui-v109-modal .product-option-action small {
  color: var(--v109-text-faint) !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
}

.ui-v109-modal .product-option-action strong {
  color: var(--v109-text) !important;
  font-size: 18px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

.ui-v109-modal .product-option-action > svg {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--v109-surface-soft) !important;
  color: var(--v109-text-soft) !important;
  padding: 6px !important;
}

html[data-app-theme="dark"] .ui-v109-modal .card-product-option.recommended {
  background: color-mix(in srgb, var(--v109-brand) 8%, var(--v109-surface)) !important;
}

@media (max-width: 600px) {
  .ui-v109-modal.modal-card:has(.card-product-picker) {
    width: min(100%, 580px) !important;
    max-width: min(100%, 580px) !important;
  }

  .ui-v109-modal:has(.card-product-picker) .modal-head {
    min-height: 50px !important;
    margin-bottom: 12px !important;
  }

  .ui-v109-modal .card-product-option {
    min-height: 0 !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px 12px !important;
    border-radius: 15px !important;
    padding: 11px !important;
    transform: none !important;
  }

  .ui-v109-modal .card-product-option .product-card-art {
    width: 100px !important;
    height: 63px !important;
    border-radius: 10px !important;
  }

  .ui-v109-modal .card-product-option .product-card-art > span:not(.card-network-mark) {
    top: 8px !important;
    right: 8px !important;
    font-size: 5px !important;
  }

  .ui-v109-modal .card-product-option .product-card-art > b,
  .ui-v109-modal .card-product-option .product-card-art.product-universal > b {
    left: 8px !important;
    bottom: 7px !important;
    font-size: 7px !important;
  }

  .ui-v109-modal .card-product-option .product-card-art .card-network-mark {
    right: 8px !important;
    bottom: 6px !important;
    transform: scale(0.48) !important;
  }

  .ui-v109-modal .product-option-copy {
    gap: 4px !important;
  }

  .ui-v109-modal .product-title-row {
    gap: 5px !important;
  }

  .ui-v109-modal .product-title-row h3 {
    font-size: 15px !important;
  }

  .ui-v109-modal .product-priority {
    min-height: 19px !important;
    padding-inline: 6px !important;
    font-size: 9px !important;
  }

  .ui-v109-modal .product-option-copy > p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .ui-v109-modal .product-feature-row span {
    font-size: 10px !important;
  }

  .ui-v109-modal .product-option-action {
    min-height: 38px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    border-top: 1px solid var(--v109-line) !important;
    border-left: 0 !important;
    padding-top: 9px !important;
    padding-left: 0 !important;
  }

  .ui-v109-modal .product-option-action > span {
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;
  }

  .ui-v109-modal .product-option-action strong {
    font-size: 17px !important;
  }
}

@media (max-width: 360px) {
  .ui-v109-modal .card-product-option {
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap-inline: 10px !important;
  }

  .ui-v109-modal .card-product-option .product-card-art {
    width: 86px !important;
    height: 54px !important;
  }

  .ui-v109-modal .product-option-copy > p {
    -webkit-line-clamp: 1 !important;
  }
}

/* v10.26 — issuer-hosted KYC with a scoped mobile handoff */
html body .ui-v109-modal .kyc-verify-v1026 {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
}

html body .ui-v109-modal .kyc-provider-step-v1026 {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: start !important;
  padding: 16px !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 16px !important;
  background: #f6f8fb !important;
}

html body .ui-v109-modal .kyc-provider-icon-v1026 {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
  color: #4f5ee8 !important;
  background: #e9ecff !important;
  font-size: 21px !important;
}

html body .ui-v109-modal .kyc-provider-step-v1026 span:not(.kyc-provider-icon-v1026) {
  display: block !important;
  margin-bottom: 3px !important;
  color: #737b8d !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body .ui-v109-modal .kyc-provider-step-v1026 h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 19px !important;
  line-height: 1.18 !important;
}

html body .ui-v109-modal .kyc-provider-step-v1026 p {
  margin: 6px 0 0 !important;
  color: #626b7d !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body .ui-v109-modal .kyc-primary-v1026,
html body .kyc-mobile-page-v1026 .kyc-primary-v1026 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 52px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: #101216 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

html body .ui-v109-modal .kyc-device-divider-v1026 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #8a91a0 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .kyc-device-divider-v1026::before,
html body .ui-v109-modal .kyc-device-divider-v1026::after {
  content: "" !important;
  width: 100% !important;
  height: 1px !important;
  background: #e4e7ed !important;
}

html body .ui-v109-modal .kyc-phone-button-v1026 {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 20px !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 8px 13px !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 14px !important;
  color: #111827 !important;
  background: #fff !important;
  text-align: left !important;
}

html body .ui-v109-modal .kyc-phone-button-v1026 > span:first-child {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  color: #4f5ee8 !important;
  background: #edf0ff !important;
  font-size: 20px !important;
}

html body .ui-v109-modal .kyc-phone-button-v1026 strong,
html body .ui-v109-modal .kyc-phone-button-v1026 small {
  display: block !important;
}

html body .ui-v109-modal .kyc-phone-button-v1026 strong {
  font-size: 13px !important;
}

html body .ui-v109-modal .kyc-phone-button-v1026 small {
  margin-top: 2px !important;
  color: #7b8393 !important;
  font-size: 11px !important;
}

html body .ui-v109-modal .kyc-qr-v1026 {
  display: grid !important;
  grid-template-columns: 116px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 13px !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 16px !important;
  background: #fff !important;
}

html body .ui-v109-modal .kyc-qr-v1026 > img {
  width: 116px !important;
  height: 116px !important;
  padding: 7px !important;
  border-radius: 12px !important;
  background: #fff !important;
}

html body .ui-v109-modal .kyc-qr-v1026 strong {
  color: #111827 !important;
  font-size: 14px !important;
}

html body .ui-v109-modal .kyc-qr-v1026 p {
  margin: 5px 0 9px !important;
  color: #737b8d !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html body .ui-v109-modal .kyc-qr-v1026 button {
  padding: 0 !important;
  border: 0 !important;
  color: #4f5ee8 !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

html body .ui-v109-modal .kyc-waiting-v1026 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #737b8d !important;
  font-size: 12px !important;
}

html body .kyc-mobile-page-v1026 {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 100dvh !important;
  padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
  color: #111827 !important;
  background:
    radial-gradient(circle at 8% 4%, rgba(92, 104, 235, 0.15), transparent 34%),
    radial-gradient(circle at 96% 90%, rgba(79, 199, 177, 0.13), transparent 36%),
    #eef2f8 !important;
}

html body .kyc-mobile-sheet-v1026 {
  box-sizing: border-box !important;
  width: min(100%, 430px) !important;
  padding: 22px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 28px 72px rgba(34, 45, 72, 0.14) !important;
}

html body .kyc-mobile-brand-v1026 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 36px !important;
}

html body .kyc-mobile-mark-v1026 {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: #5965eb !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html body .kyc-mobile-brand-v1026 strong {
  font-size: 15px !important;
}

html body .kyc-mobile-copy-v1026 .kyc-step-v1026 {
  display: inline-flex !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  color: #4f5ee8 !important;
  background: #eceeff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

html body .kyc-mobile-copy-v1026 h1,
html body .kyc-mobile-success-v1026 h1,
html body .kyc-mobile-error-v1026 h1 {
  margin: 14px 0 8px !important;
  color: inherit !important;
  font-size: 27px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

html body .kyc-mobile-copy-v1026 p,
html body .kyc-mobile-success-v1026 p,
html body .kyc-mobile-error-v1026 p {
  margin: 0 !important;
  color: #6b7485 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body .kyc-mobile-status-v1026 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 24px 0 12px !important;
  padding: 13px 15px !important;
  border-radius: 13px !important;
  color: #6b7485 !important;
  background: #f2f4f8 !important;
  font-size: 12px !important;
}

html body .kyc-mobile-status-v1026 strong {
  color: #111827 !important;
  font-size: 12px !important;
}

html body .kyc-mobile-page-v1026 .kyc-primary-v1026 {
  margin-top: 12px !important;
}

html body .kyc-secondary-v1026 {
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 8px !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 13px !important;
  color: #353d4d !important;
  background: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .kyc-mobile-loading-v1026,
html body .kyc-mobile-success-v1026,
html body .kyc-mobile-error-v1026 {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: 34px 8px !important;
  text-align: center !important;
}

html body .kyc-mobile-success-v1026 > span,
html body .kyc-mobile-error-v1026 > span {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  color: #087a57 !important;
  background: #ddf7ed !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

html body .kyc-mobile-error-v1026 > span {
  color: #a25514 !important;
  background: #fff0da !important;
}

html[data-app-theme="dark"] body .ui-v109-modal .kyc-provider-step-v1026,
html[data-app-theme="dark"] body .ui-v109-modal .kyc-phone-button-v1026,
html[data-app-theme="dark"] body .ui-v109-modal .kyc-qr-v1026 {
  border-color: #2c3038 !important;
  background: #15171b !important;
}

html[data-app-theme="dark"] body .ui-v109-modal .kyc-provider-step-v1026 h3,
html[data-app-theme="dark"] body .ui-v109-modal .kyc-phone-button-v1026,
html[data-app-theme="dark"] body .ui-v109-modal .kyc-qr-v1026 strong {
  color: #f5f6f8 !important;
}

html[data-app-theme="dark"] body .ui-v109-modal .kyc-primary-v1026 {
  color: #0d0f12 !important;
  background: #f7f8fa !important;
}

html[data-app-theme="dark"] body .kyc-mobile-page-v1026 {
  color: #f4f6fa !important;
  background:
    radial-gradient(circle at 8% 4%, rgba(92, 104, 235, 0.19), transparent 34%),
    radial-gradient(circle at 96% 90%, rgba(79, 199, 177, 0.12), transparent 36%),
    #090b0f !important;
}

html[data-app-theme="dark"] body .kyc-mobile-sheet-v1026 {
  border-color: #282d36 !important;
  background: rgba(18, 20, 25, 0.96) !important;
  box-shadow: none !important;
}

html[data-app-theme="dark"] body .kyc-mobile-status-v1026,
html[data-app-theme="dark"] body .kyc-secondary-v1026 {
  border-color: #2b3039 !important;
  color: #c6ccd7 !important;
  background: #181b20 !important;
}

html[data-app-theme="dark"] body .kyc-mobile-status-v1026 strong {
  color: #f4f6fa !important;
}

@media (max-width: 560px) {
  html body .ui-v109-modal .kyc-qr-v1026 {
    grid-template-columns: 102px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body .ui-v109-modal .kyc-qr-v1026 > img {
    width: 102px !important;
    height: 102px !important;
  }

  html body .kyc-mobile-sheet-v1026 {
    padding: 18px !important;
    border-radius: 21px !important;
  }
}

/* ───────────────────── Card account v10.24 ──────────────────────────
   A focused bank-card flow: card → available funds → actions → limits. */
html body .ui-v109.ui-v10 .card-workspace-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-workspace-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-workspace-v1016 {
  width: min(400px, 100%) !important;
  max-width: 400px !important;
  margin: 6px auto 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title {
  width: min(360px, 100%) !important;
  min-height: 48px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title::after {
  display: none !important;
  content: none !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title h1 {
  margin: 0 !important;
  color: var(--v109-text) !important;
  font-size: 26px !important;
  font-weight: 735 !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
}

html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title p {
  overflow: hidden !important;
  display: block !important;
  margin: 0 !important;
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 590 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109.ui-v10 .card-account-status-v1024 {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 4px !important;
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

html body .ui-v109.ui-v10 .card-account-status-v1024 i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--v109-text-faint) !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-account-status-v1024.active {
  color: #12875b !important;
}

html body .ui-v109.ui-v10 .card-account-status-v1024.active i {
  background: #18a56f !important;
  box-shadow: 0 0 0 4px rgba(24, 165, 111, 0.1) !important;
}

html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-status-v1024.active {
  color: #62d4a6 !important;
}

html body .ui-v109.ui-v10 .card-layout-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-layout-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-layout-v1016 {
  width: min(360px, 100%) !important;
  max-width: 360px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-deck,
html body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap {
  width: 100% !important;
  max-width: 360px !important;
  margin: 0 auto !important;
}

html body .ui-v109.ui-v10 .card-deck-shell {
  overflow: visible !important;
}

html body .ui-v109.ui-v10 .card-deck-track {
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 2px 0 20px !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  touch-action: auto !important;
}

html body .ui-v109.ui-v10 .card-deck-pagination {
  min-height: 8px !important;
  margin: -9px 0 14px !important;
}

html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016 {
  width: 100% !important;
  max-width: 360px !important;
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance small {
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 590 !important;
  line-height: 1.2 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-balance strong {
  color: var(--v109-text) !important;
  font-size: 34px !important;
  font-weight: 730 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button,
html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child,
html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:nth-child(2) {
  min-width: 0 !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
  border: 1px solid var(--v109-line-strong) !important;
  border-radius: 13px !important;
  background: var(--v109-surface) !important;
  color: var(--v109-text) !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 670 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child::after {
  display: none !important;
  content: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button.primary-action-v1024 {
  border-color: var(--v109-text) !important;
  background: var(--v109-text) !important;
  color: var(--v109-surface) !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:disabled {
  border-color: var(--v109-line) !important;
  background: var(--v109-surface-soft) !important;
  color: var(--v109-text-faint) !important;
  opacity: 1 !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:disabled .topup-plus-icon {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .topup-plus-icon {
  position: relative !important;
  width: 15px !important;
  height: 15px !important;
  display: inline-block !important;
  flex: 0 0 15px !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .topup-plus-icon::before,
html body .ui-v109.ui-v10 .card-overview-v1016 .topup-plus-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 7px !important;
  left: 2px !important;
  width: 11px !important;
  height: 1.5px !important;
  border-radius: 99px !important;
  background: currentColor !important;
}

html body .ui-v109.ui-v10 .card-overview-v1016 .topup-plus-icon::after {
  transform: rotate(90deg) !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-usage-info-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-usage-info-v1016 {
  width: 100% !important;
  max-width: 360px !important;
  margin: 18px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--v109-line) !important;
  border-bottom: 1px solid var(--v109-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary {
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 0 !important;
}

html body .ui-v109.ui-v10 .card-usage-info-icon-v1016 {
  display: none !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary > span:not(.card-usage-info-icon-v1016) {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary b {
  color: var(--v109-text) !important;
  font-size: 13px !important;
  font-weight: 670 !important;
}

html body .ui-v109.ui-v10 .card-usage-info-v1016 > summary small {
  color: var(--v109-text-soft) !important;
  font-size: 11px !important;
  font-weight: 540 !important;
  line-height: 1.3 !important;
}

html body .ui-v109.ui-v10 .card-usage-info-body-v1016 {
  padding: 16px 0 8px !important;
}

@media (min-width: 761px) {
  html body .ui-v109.ui-v10 .card-deck:not(.is-single) .card-deck-arrow {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border: 1px solid var(--v109-line) !important;
    border-radius: 50% !important;
    background: var(--v109-surface) !important;
    color: var(--v109-text-soft) !important;
    box-shadow: 0 8px 18px -12px rgba(16, 24, 40, 0.35) !important;
  }
}

@media (max-width: 760px) {
  html body .ui-v109.ui-v10 .card-workspace-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-workspace-v1016,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-workspace-v1016 {
    width: 100% !important;
    max-width: 400px !important;
    margin: 2px auto 10px !important;
  }

  html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title,
  html body .ui-v109.ui-v10 .card-layout-v1016 {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
  }

  html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title h1 {
    font-size: 24px !important;
  }

  html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-deck,
  html body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap,
  html body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-overview-v1016,
  html body .ui-v109.ui-v10 .card-usage-info-v1016 {
    width: 100% !important;
    max-width: 360px !important;
  }
}

@media (max-width: 390px) {
  html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title,
  html body .ui-v109.ui-v10 .card-layout-v1016 {
    width: 100% !important;
  }

  html body .ui-v109.ui-v10 .card-workspace-v1016 .card-section-title p {
    max-width: 220px !important;
  }

  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button,
  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:first-child,
  html body .ui-v109.ui-v10 .card-overview-v1016 .pay-main-buttons > button:nth-child(2) {
    min-height: 46px !important;
    padding-inline: 9px !important;
    font-size: 12px !important;
  }
}

/* v10.28 local KYC uploader — same scoped, flat primitives as checkout. */
html body .kyc-passport-upload-v1028 {
  display: grid !important;
  gap: 10px !important;
}

html body .kyc-passport-drop-v1028 {
  position: relative !important;
  min-height: 154px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  overflow: hidden !important;
  border: 1px dashed color-mix(in srgb, var(--ui28-primary) 46%, var(--ui28-border)) !important;
  border-radius: var(--ui28-radius-lg) !important;
  background: color-mix(in srgb, var(--ui28-accent-soft) 72%, var(--ui28-card)) !important;
  color: var(--ui28-foreground) !important;
  padding: 18px !important;
  text-align: center !important;
  cursor: pointer !important;
}

html body .kyc-passport-drop-v1028 input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  opacity: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

html body .kyc-passport-drop-v1028:focus-within {
  outline: 3px solid color-mix(in srgb, #5f6ff2 24%, transparent) !important;
  outline-offset: 2px !important;
}

html body .kyc-passport-drop-v1028 > span {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 26px !important;
  line-height: 1 !important;
}

html body .kyc-passport-drop-v1028 strong {
  font-size: 15px !important;
  font-weight: 720 !important;
}

html body .kyc-passport-drop-v1028 small,
html body .kyc-passport-privacy-v1028,
html body .kyc-mobile-uploaded-v1028 small {
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html body .kyc-passport-drop-v1028 img {
  width: 100% !important;
  max-height: 220px !important;
  display: block !important;
  border-radius: calc(var(--ui28-radius-lg) - 4px) !important;
  object-fit: contain !important;
}

html body .kyc-passport-drop-v1028.has-preview {
  min-height: 110px !important;
  padding: 8px !important;
  border-style: solid !important;
}

html body .kyc-passport-submit-v1028 {
  min-height: 50px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-radius: var(--ui28-radius-md) !important;
  background: var(--ui28-primary) !important;
  color: var(--ui28-primary-foreground) !important;
  padding: 0 15px !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

html body .kyc-passport-submit-v1028 > span {
  justify-self: center !important;
}

html body .kyc-passport-privacy-v1028 {
  display: block !important;
  text-align: center !important;
}

html body .kyc-mobile-uploaded-v1028 {
  min-height: 66px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid color-mix(in srgb, var(--ui28-success) 28%, var(--ui28-border)) !important;
  border-radius: var(--ui28-radius-md) !important;
  background: color-mix(in srgb, var(--ui28-success) 8%, var(--ui28-card)) !important;
  padding: 10px 12px !important;
}

html body .kyc-mobile-uploaded-v1028 > span {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--ui28-success) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html body .kyc-mobile-uploaded-v1028 strong,
html body .kyc-mobile-uploaded-v1028 small {
  display: block !important;
}

html body .kyc-mobile-uploaded-v1028 strong {
  color: var(--ui28-foreground) !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

@media (max-width: 560px) {
  html body .kyc-passport-drop-v1028 {
    min-height: 164px !important;
    border-radius: var(--ui28-radius-md) !important;
  }

  html body .kyc-passport-upload-v1028.compact .kyc-passport-drop-v1028 {
    min-height: 188px !important;
  }
}

/* Win against the earlier light-theme banking-shell selectors. */
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-primary-column-v1016 {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-deck,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-primary-column-v1016 > .card-deck,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-primary-column-v1016 .alpina-card-face-wrap {
  width: 100% !important;
  max-width: 360px !important;
}

html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 .card-deck-track,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-primary-column-v1016 .card-deck-track {
  padding: 2px 0 20px !important;
  touch-action: auto !important;
}

html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-primary-column-v1016 .card-deck-pagination,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-primary-column-v1016 .card-deck-pagination {
  min-height: 8px !important;
  margin: -9px 0 14px !important;
}

/* ───────────────────── Card account panel v10.25 ──────────────────── */
html body .ui-v109.ui-v10 .card-workspace-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-workspace-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-workspace-v1016 {
  width: min(900px, 100%) !important;
  max-width: 760px !important;
  margin: 4px auto 10px !important;
}

html body .ui-v109.ui-v10 .card-account-panel-v1025,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-panel-v1025,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-panel-v1025 {
  width: 100% !important;
  max-width: 900px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 20px !important;
  background: var(--v109-surface) !important;
  padding: 18px 20px 0 !important;
  box-shadow: 0 18px 44px -38px rgba(16, 24, 40, 0.38) !important;
}

html body .ui-v109.ui-v10 .card-account-head-v1025 {
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .ui-v109.ui-v10 .card-account-head-v1025 > span:first-child {
  min-width: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

html body .ui-v109.ui-v10 .card-account-head-v1025 b {
  overflow: hidden !important;
  color: var(--v109-text) !important;
  font-size: 15px !important;
  font-weight: 690 !important;
  letter-spacing: -0.018em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109.ui-v10 .card-account-head-v1025 small {
  flex: 0 0 auto !important;
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 580 !important;
  font-variant-numeric: tabular-nums !important;
}

html body .ui-v109.ui-v10 .card-account-head-v1025 .card-account-status-v1024 {
  margin: 0 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 28px !important;
  margin: 12px 0 0 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 > .card-deck,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 > .card-deck,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 > .card-deck,
html body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-wrap,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-wrap,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-wrap {
  width: 100% !important;
  max-width: 280px !important;
  margin: 0 auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .card-deck-track,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 .card-deck-track,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 .card-deck-track {
  padding: 0 0 12px !important;
  scroll-behavior: auto !important;
  touch-action: auto !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face {
  border-radius: 17px !important;
  padding: 18px !important;
  box-shadow:
    0 18px 34px -27px rgba(5, 9, 22, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-wordmark {
  font-size: 16px !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-number {
  font-size: 15px !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .card-deck-pagination,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 .card-deck-pagination,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 .card-deck-pagination {
  min-height: 7px !important;
  margin: -4px 0 0 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 > .card-overview-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 > .card-overview-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 > .card-overview-v1016 {
  width: 100% !important;
  max-width: none !important;
  min-height: 176px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 8px 0 7px !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-balance {
  width: 100% !important;
  display: grid !important;
  gap: 5px !important;
  border: 0 !important;
  padding: 0 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-balance small {
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 580 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-balance strong {
  color: var(--v109-text) !important;
  font-size: 36px !important;
  font-weight: 735 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.05em !important;
  line-height: 0.98 !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-main-buttons {
  width: 100% !important;
  max-width: 390px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: start !important;
  gap: 8px !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-main-buttons > button,
html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-main-buttons > button:first-child,
html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-main-buttons > button:nth-child(2) {
  width: 100% !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  padding-inline: 11px !important;
  font-size: 13px !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .topup-plus-icon {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  color: currentColor !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 12px !important;
  text-align: center !important;
}

html body .ui-v109.ui-v10 .card-account-main-v1025 .topup-plus-icon::before,
html body .ui-v109.ui-v10 .card-account-main-v1025 .topup-plus-icon::after {
  content: none !important;
  display: none !important;
}

html body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016,
html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016,
html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016 {
  width: calc(100% + 40px) !important;
  max-width: none !important;
  display: block !important;
  grid-column: auto !important;
  justify-self: stretch !important;
  margin: 16px -20px 0 !important;
  border-top: 1px solid var(--v109-line) !important;
  border-bottom: 0 !important;
  padding: 0 20px !important;
}

html body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016 > summary {
  min-height: 52px !important;
  padding: 8px 0 !important;
}

html body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016 .card-usage-info-body-v1016 {
  padding-bottom: 18px !important;
}

/* ───────────────────── Balance payment sheet v10.25 ───────────────── */
html body .modal-backdrop .ui-v109-modal.modal-compact:has(.wallet-modal-v1025) {
  width: min(460px, calc(100vw - 24px)) !important;
  max-width: 460px !important;
  max-height: min(760px, calc(100dvh - 28px)) !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: var(--v109-surface) !important;
  padding: 0 !important;
}

html body .ui-v109-modal:has(.wallet-modal-v1025) .modal-head {
  min-height: 66px !important;
  padding: 14px 18px 8px !important;
}

html body .ui-v109-modal:has(.wallet-modal-v1025) .modal-head h2 {
  font-size: 24px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 {
  max-height: calc(100dvh - 94px) !important;
  display: grid !important;
  gap: 16px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 6px 18px 18px !important;
  overscroll-behavior: contain !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-funding-v1022 {
  overflow: visible !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 17px !important;
  background: var(--v109-surface-soft) !important;
  padding: 13px 14px 14px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-balance-line-v1022 {
  min-height: 20px !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-balance-line-v1022 strong {
  font-size: 13px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-amount-v1022 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 3px 8px !important;
  padding: 12px 0 8px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-amount-v1022 > span {
  display: none !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-amount-v1022 > input {
  height: 48px !important;
  font-size: 42px !important;
  font-weight: 730 !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-amount-v1022 > input:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--v109-brand) 76%, transparent) !important;
  outline-offset: 5px !important;
  border-radius: 6px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-amount-v1022 > b {
  font-size: 22px !important;
}

html body .ui-v109-modal .wallet-quick-amounts-v1025 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body .ui-v109-modal .wallet-quick-amounts-v1025 > button {
  min-width: 0 !important;
  min-height: 34px !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 10px !important;
  background: var(--v109-surface) !important;
  color: var(--v109-text-soft) !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  font-weight: 640 !important;
  font-variant-numeric: tabular-nums !important;
}

html body .ui-v109-modal .wallet-quick-amounts-v1025 > button.active {
  border-color: var(--v109-text) !important;
  background: var(--v109-text) !important;
  color: var(--v109-surface) !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-payment-v1022 {
  gap: 9px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-payment-v1022 h3,
html body .ui-v109-modal .wallet-saved-v1025 h4 {
  margin: 0 !important;
  color: var(--v109-text) !important;
  font-size: 13px !important;
  font-weight: 670 !important;
}

html body .ui-v109-modal .wallet-method-grid-v1025 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .ui-v109-modal .wallet-method-grid-v1025 > button {
  min-height: 74px !important;
  grid-template-columns: 28px minmax(0, 1fr) 18px !important;
  gap: 9px !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 14px !important;
  background: var(--v109-surface) !important;
  padding: 9px 10px !important;
}

html body .ui-v109-modal .wallet-method-grid-v1025 > button + button {
  border-top: 1px solid var(--v109-line) !important;
}

html body .ui-v109-modal .wallet-method-grid-v1025 > button.active,
html body .ui-v109-modal .wallet-saved-list-v1025 > button.active {
  border-color: var(--v109-text) !important;
  background: var(--v109-surface) !important;
  box-shadow: inset 0 0 0 1px var(--v109-text) !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 .payment-brand {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 .payment-brand img,
html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 .payment-brand-sbp > img {
  max-width: 25px !important;
  height: 24px !important;
  max-height: 24px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 .payment-brand-crypto > img {
  width: 27px !important;
  height: 27px !important;
  max-width: 27px !important;
  max-height: 27px !important;
  border-radius: 8px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 b {
  font-size: 13px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 small {
  font-size: 10.5px !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 > button > i:last-child {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  background: var(--v109-surface-soft) !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 > button.active > i:last-child {
  border: 0 !important;
  background: var(--v109-text) !important;
}

html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 > button.active > i:last-child::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 6px !important;
  width: 5px !important;
  height: 8px !important;
  border: solid var(--v109-surface) !important;
  border-width: 0 1.5px 1.5px 0 !important;
  transform: rotate(45deg) !important;
}

html body .ui-v109-modal .wallet-saved-v1025 {
  display: grid !important;
  gap: 8px !important;
  margin-top: 5px !important;
}

html body .ui-v109-modal .wallet-saved-list-v1025 {
  border-radius: 14px !important;
}

html body .ui-v109-modal .wallet-saved-list-v1025 > button {
  min-height: 56px !important;
}

html body .ui-v109-modal .wallet-total-v1025 {
  min-height: 50px !important;
  border-radius: 13px !important;
}

html body .ui-v109-modal .wallet-submit-v1022 {
  min-height: 52px !important;
  border-radius: 14px !important;
}

html body .ui-v109-modal .wallet-submit-v1022 > svg {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

@media (max-width: 760px) {
  html body .ui-v109.ui-v10 .card-workspace-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-workspace-v1016,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-workspace-v1016 {
    width: min(390px, calc(100vw - 24px)) !important;
    max-width: none !important;
    justify-self: center !important;
    margin: 2px auto 10px !important;
  }

  html body .ui-v109.ui-v10 .card-account-panel-v1025,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-panel-v1025,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-panel-v1025 {
    width: 100% !important;
    max-width: none !important;
    border-radius: 18px !important;
    padding: 14px 14px 0 !important;
  }

  html body .ui-v109.ui-v10 .card-account-head-v1025 {
    min-height: 28px !important;
  }

  html body .ui-v109.ui-v10 .card-account-main-v1025,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin-top: 11px !important;
  }

  html body .ui-v109.ui-v10 .card-account-main-v1025 > .card-deck,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 > .card-deck,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 > .card-deck,
  html body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-wrap,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-wrap,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 .alpina-card-face-wrap {
    width: 100% !important;
    max-width: 332px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body .ui-v109.ui-v10 .card-account-main-v1025 > .card-overview-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-main-v1025 > .card-overview-v1016,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-main-v1025 > .card-overview-v1016 {
    min-height: 0 !important;
    gap: 15px !important;
    margin-top: 13px !important;
    padding: 0 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html body .ui-v109.ui-v10 .card-account-main-v1025 .pay-main-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016,
  html:not([data-app-theme="dark"]) body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016,
  html[data-app-theme="dark"] body .ui-v109.ui-v10 .card-account-panel-v1025 > .card-usage-info-v1016 {
    width: calc(100% + 28px) !important;
    margin: 16px -14px 0 !important;
    padding-inline: 14px !important;
  }
}

@media (max-width: 600px) {
  html body .modal-backdrop:has(.wallet-modal-v1025) {
    align-items: flex-end !important;
    padding: 0 !important;
  }

  html body .modal-backdrop .ui-v109-modal.modal-compact:has(.wallet-modal-v1025) {
    width: 100% !important;
    max-width: 520px !important;
    max-height: calc(100dvh - 8px) !important;
    margin: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    align-self: end !important;
  }

  html body .ui-v109-modal:has(.wallet-modal-v1025) .modal-head {
    min-height: 64px !important;
    padding: 13px 16px 7px !important;
  }

  html body .ui-v109-modal .wallet-modal-v1025 {
    max-height: calc(100dvh - 72px) !important;
    gap: 14px !important;
    padding: 5px 16px calc(16px + env(safe-area-inset-bottom)) !important;
  }

  html body .ui-v109-modal .wallet-modal-v1025 .wallet-funding-v1022 {
    padding: 12px 13px 13px !important;
  }

  html body .ui-v109-modal .wallet-modal-v1025 .wallet-amount-v1022 > input {
    font-size: 39px !important;
  }

  html body .ui-v109-modal .wallet-method-grid-v1025 > button {
    min-height: 70px !important;
    grid-template-columns: 26px minmax(0, 1fr) 17px !important;
    gap: 8px !important;
    padding-inline: 9px !important;
  }

  html body .ui-v109-modal .wallet-modal-v1025 .wallet-method-list-v1022 b {
    font-size: 12.5px !important;
  }

  html body .ui-v109-modal .wallet-submit-v1022 {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    box-shadow: 0 -8px 24px var(--v109-surface) !important;
  }
}

/* ───────────────── Card product picker v10.26 ──────────────────────
   Compact banking rows. Product data stays authoritative: wallet badges
   are rendered independently from apple_pay and google_pay. */
html body .modal-backdrop .ui-v109-modal.modal-wide:has(.card-product-picker-v1026) {
  width: min(680px, calc(100vw - 32px)) !important;
  max-width: 680px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

html body .ui-v109-modal:has(.card-product-picker-v1026) .modal-head {
  min-height: 54px !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
}

html body .ui-v109-modal:has(.card-product-picker-v1026) .modal-head h2 {
  font-size: 26px !important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
}

html body .ui-v109-modal:has(.card-product-picker-v1026) .modal-head p {
  margin-top: 5px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body .ui-v109-modal .card-product-picker-v1026 {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body .ui-v109-modal .card-product-row-v1026 {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 96px !important;
  display: grid !important;
  grid-template-columns: 108px minmax(0, 1fr) 108px !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 16px !important;
  background: var(--v109-surface) !important;
  color: var(--v109-text) !important;
  padding: 10px 12px !important;
  text-align: left !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: border-color 150ms ease, background-color 150ms ease !important;
}

html body .ui-v109-modal .card-product-row-v1026:hover {
  border-color: var(--v109-line-strong) !important;
  background: var(--v109-surface-tint) !important;
}

html body .ui-v109-modal .card-product-row-v1026:disabled {
  cursor: default !important;
}

html body .ui-v109-modal .card-product-row-v1026:disabled:hover {
  border-color: var(--v109-line) !important;
  background: var(--v109-surface) !important;
}

html body .ui-v109-modal .card-product-row-v1026:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--v109-brand) 24%, transparent) !important;
  outline-offset: 2px !important;
}

html body .ui-v109-modal .card-product-row-v1026.recommended {
  border-color: color-mix(in srgb, var(--v109-brand) 36%, var(--v109-line)) !important;
  background: color-mix(in srgb, var(--v109-brand) 4%, var(--v109-surface)) !important;
}

html body .ui-v109-modal .card-product-picker-v1026 > .provider-unavailable-note {
  margin: 2px 2px 0 !important;
  border: 1px solid color-mix(in srgb, var(--v109-brand) 20%, var(--v109-line)) !important;
  border-radius: 12px !important;
  background: var(--v109-surface-tint) !important;
  color: var(--v109-text-muted) !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .ui-v109-modal .product-thumb-v1026 {
  position: relative !important;
  isolation: isolate !important;
  width: 108px !important;
  height: 68px !important;
  min-width: 108px !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

html body .ui-v109-modal .product-thumb-v1026.product-subscription {
  background: linear-gradient(145deg, #171920 0%, #24293c 100%) !important;
  color: #ffffff !important;
}

html body .ui-v109-modal .product-thumb-v1026.product-us_shopping {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background:
    radial-gradient(circle at 78% 12%, rgba(122, 139, 255, 0.5), transparent 34%),
    linear-gradient(145deg, #171a25 0%, #252b47 100%) !important;
  color: #ffffff !important;
}

html body .ui-v109-modal .product-thumb-v1026.product-universal {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: linear-gradient(104deg, #e9edf3 0 64%, #17191e 64% 100%) !important;
  color: #11141a !important;
}

html body .ui-v109-modal .product-thumb-wordmark-v1026 {
  position: absolute !important;
  z-index: 1 !important;
  top: 9px !important;
  left: 10px !important;
  color: currentColor !important;
  font-size: 5.5px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  letter-spacing: 0.09em !important;
}

html body .ui-v109-modal .product-thumb-v1026 > b {
  position: absolute !important;
  z-index: 1 !important;
  left: 10px !important;
  bottom: 9px !important;
  margin: 0 !important;
  color: currentColor !important;
  font-size: 7.5px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
}

html body .ui-v109-modal .product-thumb-v1026 .card-network-mark {
  position: absolute !important;
  z-index: 2 !important;
  right: 8px !important;
  bottom: 7px !important;
  margin: 0 !important;
}

html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.mastercard {
  width: 27px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
}

html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.mastercard i {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  border-radius: 50% !important;
  background: #eb001b !important;
}

html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.mastercard i + i {
  margin-left: -5px !important;
  background: #f79e1b !important;
}

html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.visa {
  color: #ffffff !important;
  font-size: 11px !important;
  font-style: italic !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.08em !important;
}

html body .ui-v109-modal .product-body-v1026 {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
}

html body .ui-v109-modal .product-title-v1026 {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

html body .ui-v109-modal .product-title-v1026 > strong {
  min-width: 0 !important;
  color: var(--v109-text) !important;
  font-size: 16px !important;
  font-weight: 710 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
}

html body .ui-v109-modal .product-title-short-v1026 {
  display: none !important;
}

html body .ui-v109-modal .product-title-v1026 > em {
  min-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid color-mix(in srgb, var(--v109-brand) 24%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--v109-brand) 9%, var(--v109-surface)) !important;
  color: var(--v109-brand) !important;
  padding: 0 7px !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .product-desc-v1026 {
  min-width: 0 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  color: var(--v109-text-soft) !important;
  font-size: 12px !important;
  font-weight: 480 !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

html body .ui-v109-modal .product-capabilities-v1026 {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

html body .ui-v109-modal .product-minimum-v1026,
html body .ui-v109-modal .product-online-v1026 {
  color: var(--v109-text-faint) !important;
  font-size: 10.5px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .product-online-v1026::before {
  content: "·" !important;
  margin-right: 5px !important;
  color: var(--v109-line-strong) !important;
}

html body .ui-v109-modal .product-wallet-v1026 {
  min-height: 21px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 1px solid var(--v109-line) !important;
  border-radius: 7px !important;
  background: var(--v109-surface-soft) !important;
  color: var(--v109-text) !important;
  padding: 0 6px !important;
  font-size: 9.5px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .product-wallet-v1026 > img {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  object-fit: contain !important;
}

html[data-app-theme="dark"] body .ui-v109-modal .product-wallet-v1026 > img[src$="/apple.svg"] {
  filter: brightness(0) invert(1) !important;
}

html body .ui-v109-modal .product-price-v1026 {
  min-width: 0 !important;
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 7px !important;
  border-left: 1px solid var(--v109-line) !important;
  padding-left: 14px !important;
}

html body .ui-v109-modal .product-price-v1026 > small {
  grid-column: 1 !important;
  grid-row: 1 !important;
  color: var(--v109-text-faint) !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  line-height: 1.15 !important;
}

html body .ui-v109-modal .product-price-v1026 > strong {
  grid-column: 1 !important;
  grid-row: 2 !important;
  color: var(--v109-text) !important;
  font-size: 18px !important;
  font-weight: 730 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .product-price-v1026 > svg {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--v109-text-faint) !important;
}

html[data-app-theme="dark"] body .ui-v109-modal .card-product-row-v1026.recommended {
  background: color-mix(in srgb, var(--v109-brand) 7%, var(--v109-surface)) !important;
}

@media (max-width: 560px) {
  html body .modal-backdrop:has(.card-product-picker-v1026) {
    align-items: center !important;
    padding:
      max(8px, env(safe-area-inset-top))
      max(8px, env(safe-area-inset-right))
      max(8px, env(safe-area-inset-bottom))
      max(8px, env(safe-area-inset-left)) !important;
  }

  html body .modal-backdrop .ui-v109-modal.modal-wide:has(.card-product-picker-v1026) {
    width: min(100%, 520px) !important;
    max-width: min(100%, 520px) !important;
    max-height: calc(100dvh - 16px) !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  html body .ui-v109-modal:has(.card-product-picker-v1026) .modal-head {
    min-height: 50px !important;
    margin-bottom: 10px !important;
    padding: 1px 1px 0 !important;
  }

  html body .ui-v109-modal:has(.card-product-picker-v1026) .modal-head h2 {
    font-size: 22px !important;
  }

  html body .ui-v109-modal:has(.card-product-picker-v1026) .modal-head p {
    margin-top: 3px !important;
    font-size: 11.5px !important;
  }

  html body .ui-v109-modal .card-product-row-v1026 {
    min-height: 84px !important;
    grid-template-columns: 76px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    border-radius: 14px !important;
    padding: 9px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 {
    width: 76px !important;
    height: 48px !important;
    min-width: 76px !important;
    border-radius: 9px !important;
  }

  html body .ui-v109-modal .product-thumb-wordmark-v1026 {
    top: 6px !important;
    left: 7px !important;
    font-size: 4px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 > b {
    left: 7px !important;
    bottom: 6px !important;
    font-size: 5.5px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 .card-network-mark {
    right: 6px !important;
    bottom: 5px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.mastercard {
    width: 20px !important;
    height: 12px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.mastercard i {
    width: 12px !important;
    height: 12px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.mastercard i + i {
    margin-left: -4px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 .card-network-mark.visa {
    font-size: 8px !important;
  }

  html body .ui-v109-modal .product-body-v1026 {
    gap: 3px !important;
  }

  html body .ui-v109-modal .product-title-v1026 {
    gap: 4px !important;
  }

  html body .ui-v109-modal .product-title-v1026 > strong {
    font-size: 14px !important;
  }

  html body .ui-v109-modal .product-title-v1026 > em {
    display: none !important;
  }

  html body .ui-v109-modal .product-desc-v1026 {
    display: none !important;
  }

  html body .ui-v109-modal .product-capabilities-v1026 {
    gap: 4px !important;
  }

  html body .ui-v109-modal .product-minimum-v1026,
  html body .ui-v109-modal .product-online-v1026 {
    font-size: 9px !important;
  }

  html body .ui-v109-modal .product-minimum-v1026 {
    flex-basis: 100% !important;
  }

  html body .ui-v109-modal .product-online-v1026::before {
    content: none !important;
  }

  html body .ui-v109-modal .product-wallet-v1026 {
    min-height: 18px !important;
    gap: 3px !important;
    padding-inline: 4px !important;
    font-size: 8px !important;
  }

  html body .ui-v109-modal .product-wallet-v1026 > img {
    width: 10px !important;
    height: 10px !important;
  }

  html body .ui-v109-modal .product-price-v1026 {
    min-height: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1fr) 16px !important;
    grid-template-rows: auto !important;
    column-gap: 4px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    padding: 0 !important;
  }

  html body .ui-v109-modal .product-price-v1026 > small {
    display: none !important;
  }

  html body .ui-v109-modal .product-price-v1026 > strong {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 16px !important;
  }

  html body .ui-v109-modal .product-price-v1026 > svg {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 360px) {
  html body .ui-v109-modal .card-product-row-v1026 {
    grid-template-columns: 68px minmax(0, 1fr) auto !important;
    gap: 7px !important;
    padding: 8px !important;
  }

  html body .ui-v109-modal .product-thumb-v1026 {
    width: 68px !important;
    height: 43px !important;
    min-width: 68px !important;
  }

  html body .ui-v109-modal .product-title-long-v1026 {
    display: none !important;
  }

  html body .ui-v109-modal .product-title-short-v1026 {
    display: inline !important;
  }

  html body .ui-v109-modal .product-wallet-v1026 {
    gap: 2px !important;
    padding-inline: 3px !important;
    font-size: 7.5px !important;
  }

  html body .ui-v109-modal .product-wallet-v1026 > img {
    width: 9px !important;
    height: 9px !important;
  }

  html body .ui-v109-modal .product-price-v1026 > strong {
    font-size: 15px !important;
  }
}

/*
 * Alpina Pay v10.28 — checkout clarity layer.
 * The naming and states follow a shadcn-style token model while the current
 * compiled frontend remains framework-agnostic. This is intentionally scoped
 * to service checkout surfaces so the established “Что оплачиваем?” screen is
 * left untouched.
 */

.ui-v109-modal,
.kyc-mobile-page-v1026 {
  --ui28-background: var(--air-bg);
  --ui28-card: var(--air-surface);
  --ui28-muted: var(--air-surface-muted);
  --ui28-muted-foreground: var(--air-text-soft);
  --ui28-foreground: var(--air-text);
  --ui28-border: var(--air-border);
  --ui28-border-strong: var(--air-border-strong);
  --ui28-primary: var(--air-text);
  --ui28-primary-foreground: var(--air-bg);
  --ui28-accent: #5f6ff2;
  --ui28-accent-soft: color-mix(in srgb, #5f6ff2 9%, var(--air-surface));
  --ui28-success: var(--air-success);
  --ui28-success-soft: var(--air-success-soft);
  --ui28-warning: var(--air-warning);
  --ui28-warning-soft: var(--air-warning-soft);
  --ui28-radius-sm: 10px;
  --ui28-radius-md: 14px;
  --ui28-radius-lg: 18px;
  --ui28-ring: 0 0 0 3px color-mix(in srgb, #5f6ff2 20%, transparent);
}

html[data-app-theme="dark"] .ui-v109-modal,
html[data-app-theme="dark"] .kyc-mobile-page-v1026 {
  --ui28-accent: #9aa7ff;
  --ui28-accent-soft: color-mix(in srgb, #8291ff 13%, var(--air-surface));
}

/* Three facts, no secondary exchange-rate row. */
html body .ui-v109-modal .guide-card-funding-v106 {
  grid-template-columns: minmax(0, 1.35fr) minmax(88px, 0.72fr) minmax(96px, 0.8fr) !important;
  overflow: hidden !important;
  border: 1px solid var(--ui28-border) !important;
  border-radius: var(--ui28-radius-lg) !important;
  background: var(--ui28-card) !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--ui28-foreground) 3%, transparent) !important;
}

html body .ui-v109-modal .guide-card-funding-v106 > span {
  min-width: 0 !important;
  min-height: 70px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  border-right: 1px solid var(--ui28-border) !important;
  background: transparent !important;
  padding: 12px 14px !important;
}

html body .ui-v109-modal .guide-card-funding-v106 > span:last-child {
  border-right: 0 !important;
}

html body .ui-v109-modal .guide-card-funding-v106 > span.is-ready {
  background: var(--ui28-success-soft) !important;
}

html body .ui-v109-modal .guide-card-funding-v106 > span.is-missing {
  background: var(--ui28-warning-soft) !important;
}

html body .ui-v109-modal .guide-card-funding-v106 small {
  overflow: hidden !important;
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .guide-card-funding-v106 b {
  overflow: hidden !important;
  color: var(--ui28-foreground) !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .guide-card-funding-v106 .is-ready b {
  color: var(--ui28-success) !important;
}

html body .ui-v109-modal .guide-card-funding-v106 .is-missing b {
  color: var(--ui28-warning) !important;
}

/* One highlighted payment block: card data and billing address belong together. */
html body .ui-v109-modal .guide-card-payment-v1028 {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--ui28-accent) 34%, var(--ui28-border)) !important;
  border-radius: var(--ui28-radius-lg) !important;
  background:
    linear-gradient(135deg, var(--ui28-accent-soft), transparent 42%),
    var(--ui28-card) !important;
  box-shadow: var(--ui28-ring) !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .guide-card-section-v109 {
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 16px !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .guide-card-section-head-v109 {
  min-height: 38px !important;
  align-items: center !important;
  margin: 0 !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .guide-card-section-head-v109 > span {
  display: grid !important;
  gap: 2px !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .guide-card-section-head-v109 b,
html body .ui-v109-modal .guide-billing-head-v1028 b {
  color: var(--ui28-foreground) !important;
  font-size: 15px !important;
  font-weight: 730 !important;
  letter-spacing: -0.01em !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .guide-card-section-head-v109 small,
html body .ui-v109-modal .guide-billing-head-v1028 small {
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  font-weight: 520 !important;
  line-height: 1.35 !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .card-secret {
  min-height: 58px !important;
  border: 1px solid var(--ui28-border) !important;
  border-radius: var(--ui28-radius-md) !important;
  background: color-mix(in srgb, var(--ui28-card) 94%, transparent) !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .card-secret:hover {
  border-color: var(--ui28-border-strong) !important;
  background: var(--ui28-card) !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .card-secret:focus-visible {
  outline: none !important;
  box-shadow: var(--ui28-ring) !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .card-secret small {
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  font-weight: 580 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .ui-v109-modal .guide-card-payment-v1028 .card-secret b {
  color: var(--ui28-foreground) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

html body .ui-v109-modal .guide-billing-section-v1028 {
  display: grid !important;
  gap: 10px !important;
  border-top: 1px solid var(--ui28-border) !important;
  background: color-mix(in srgb, var(--ui28-muted) 78%, transparent) !important;
  padding: 16px !important;
}

html body .ui-v109-modal .guide-billing-head-v1028 {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body .ui-v109-modal .guide-billing-head-v1028 > span {
  display: grid !important;
  gap: 2px !important;
}

html body .ui-v109-modal .guide-billing-section-v1028 .guide-billing-section-v109 {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

html body .ui-v109-modal .guide-billing-section-v1028 .guide-billing-grid-v109 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .ui-v109-modal .guide-billing-section-v1028 .guide-billing-grid-v109 > :first-child {
  grid-column: 1 / -1 !important;
}

html body .ui-v109-modal .guide-billing-section-v1028 .guide-card-helper-v109 {
  display: block !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--ui28-radius-sm) !important;
  background: var(--ui28-warning-soft) !important;
  color: var(--ui28-warning) !important;
  padding: 9px 11px !important;
  font-size: 11px !important;
  font-weight: 520 !important;
  line-height: 1.4 !important;
}

html body .ui-v109-modal .guide-billing-section-v1028 .guide-copy-all-v109 {
  width: max-content !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid var(--ui28-border) !important;
  border-radius: var(--ui28-radius-md) !important;
  background: var(--ui28-card) !important;
  color: var(--ui28-foreground) !important;
  padding: 0 13px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html body .ui-v109-modal .guide-wallet-targets-v1028 {
  display: grid !important;
  gap: 10px !important;
  border-top: 1px solid var(--ui28-border) !important;
  background: var(--ui28-card) !important;
  padding: 16px !important;
}

html body .ui-v109-modal .guide-wallet-targets-head-v1028 {
  display: grid !important;
  gap: 2px !important;
}

html body .ui-v109-modal .guide-wallet-targets-head-v1028 b {
  color: var(--ui28-foreground) !important;
  font-size: 15px !important;
  font-weight: 730 !important;
}

html body .ui-v109-modal .guide-wallet-targets-head-v1028 small {
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  font-weight: 520 !important;
  line-height: 1.4 !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 > a {
  min-width: 0 !important;
  min-height: 60px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 17px !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid var(--ui28-border) !important;
  border-radius: var(--ui28-radius-md) !important;
  background: var(--ui28-muted) !important;
  color: var(--ui28-foreground) !important;
  padding: 9px 11px !important;
  text-decoration: none !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 > a:hover {
  border-color: var(--ui28-border-strong) !important;
  background: var(--ui28-card) !important;
}

html body .ui-v109-modal .guide-wallet-target-icon-v1028 {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--ui28-border) !important;
  border-radius: 11px !important;
  background: var(--ui28-card) !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 > a > span:nth-child(2) {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 b {
  overflow: hidden !important;
  color: var(--ui28-foreground) !important;
  font-size: 13px !important;
  font-weight: 690 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 small {
  overflow: hidden !important;
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ui-v109-modal .guide-wallet-targets-grid-v1028 svg {
  color: var(--ui28-muted-foreground) !important;
}

/* Primary card action is intentional and visually distinct from helper actions. */
html body .ui-v109-modal .guide-card-action-v105.guide-card-pay-v1028,
html body .ui-v109-modal .guide-card-cta-v106 > .guide-card-action-v105 {
  min-height: 54px !important;
  border: 1px solid var(--ui28-primary) !important;
  border-radius: var(--ui28-radius-lg) !important;
  background: var(--ui28-primary) !important;
  color: var(--ui28-primary-foreground) !important;
  padding: 0 17px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body .ui-v109-modal .guide-card-action-v105.guide-card-pay-v1028:hover:not(:disabled),
html body .ui-v109-modal .guide-card-cta-v106 > .guide-card-action-v105:hover:not(:disabled) {
  filter: brightness(0.94) !important;
  transform: translateY(-1px) !important;
}

html body .ui-v109-modal .guide-card-actions-v106 {
  gap: 9px !important;
}

html body .ui-v109-modal .guide-card-actions-v106 .guide-card-topup-v106 {
  min-height: 62px !important;
  border: 1px solid color-mix(in srgb, var(--ui28-accent) 34%, var(--ui28-border)) !important;
  border-radius: var(--ui28-radius-lg) !important;
  background: var(--ui28-accent-soft) !important;
  color: var(--ui28-foreground) !important;
  padding: 10px 13px !important;
}

html body .ui-v109-modal .guide-card-actions-v106 .guide-card-topup-v106 b {
  font-size: 13px !important;
  font-weight: 720 !important;
}

html body .ui-v109-modal .guide-card-actions-v106 .guide-card-topup-v106 small {
  color: var(--ui28-muted-foreground) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Telegram checkout: all payment choices stay in one compact row. */
html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-summary-v105 {
  border-color: var(--ui28-border) !important;
  border-radius: var(--ui28-radius-lg) !important;
  background: var(--ui28-card) !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-total-v105 {
  min-height: 60px !important;
  background: var(--ui28-muted) !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-total-v105 strong {
  font-size: 25px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-product-v105 small,
html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-account-v105 small {
  font-size: 11px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-product-v105 b,
html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-account-v105 b {
  font-size: 14px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-product-v105 em,
html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-account-v105 em {
  font-size: 12px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-methods-v105 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 {
  min-width: 0 !important;
  min-height: 68px !important;
  grid-template-columns: 34px minmax(0, 1fr) 16px !important;
  gap: 8px !important;
  border: 1px solid var(--ui28-border) !important;
  border-radius: var(--ui28-radius-md) !important;
  background: var(--ui28-card) !important;
  padding: 9px 10px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105.active {
  border-color: var(--ui28-primary) !important;
  background: var(--ui28-card) !important;
  box-shadow: inset 0 0 0 1px var(--ui28-primary) !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 > .payment-brand,
html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-wallet-mark-v105 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 b {
  font-size: 13px !important;
  font-weight: 690 !important;
}

html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 small {
  font-size: 11px !important;
}

@media (max-width: 680px) {
  html body .ui-v109-modal .guide-card-funding-v106 {
    grid-template-columns: minmax(0, 1.25fr) minmax(76px, 0.72fr) minmax(84px, 0.82fr) !important;
  }

  html body .ui-v109-modal .guide-card-funding-v106 > span {
    min-height: 64px !important;
    padding: 10px !important;
  }

  html body .ui-v109-modal .guide-card-funding-v106 small {
    font-size: 11px !important;
  }

  html body .ui-v109-modal .guide-card-funding-v106 b {
    font-size: 13px !important;
  }

  html body .ui-v109-modal .guide-card-payment-v1028 .guide-card-section-v109,
  html body .ui-v109-modal .guide-billing-section-v1028,
  html body .ui-v109-modal .guide-wallet-targets-v1028 {
    padding: 13px !important;
  }

  html body .ui-v109-modal .guide-billing-section-v1028 .guide-billing-grid-v109 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .ui-v109-modal .guide-wallet-targets-grid-v1028 {
    grid-template-columns: 1fr !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-methods-v105 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: 5px 7px !important;
    padding: 8px !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 > .payment-brand,
  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-wallet-mark-v105 {
    width: 30px !important;
    height: 30px !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 > span:nth-child(2) {
    gap: 1px !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 b {
    overflow: visible !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 small {
    display: none !important;
  }

  html body .ui-v109-modal .is-telegram-checkout-v1028 .service-checkout-method-v105 > svg {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    width: 14px !important;
    height: 14px !important;
  }
}

@media (max-width: 390px) {
  html body .ui-v109-modal .guide-card-funding-v106 {
    grid-template-columns: 1fr 1fr !important;
  }

  html body .ui-v109-modal .guide-card-funding-v106 > span:first-child {
    grid-column: 1 / -1 !important;
    min-height: 56px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ui28-border) !important;
  }

  html body .ui-v109-modal .guide-card-funding-v106 > span:nth-child(2) {
    border-right: 1px solid var(--ui28-border) !important;
  }

  html body .ui-v109-modal .guide-billing-section-v1028 .guide-billing-grid-v109 {
    grid-template-columns: 1fr 1fr !important;
  }
}