/* PAYTOUA 0.3.207b: canonical mobile SmartPay component loaded after legacy home styles */
/* PAYTOUA 0.3.207: exact mobile SmartPay parity and responsive card controls */
html body.page-home #smartPayRow.smartpay-row,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  align-self: center !important;
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: min(100%, calc(100vw - 28px), 430px) !important;
  min-height: 50px !important;
  height: 50px !important;
  max-height: none !important;
  margin: 12px auto 11px !important;
  padding: 5px !important;
  gap: 8px !important;
  color: #1e3a8a !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 28px rgba(0, 19, 107, 0.13) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body.page-home #smartPayRow[hidden],
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow[hidden] { display: none !important; }
html body.page-home #smartPayRow .smartpay-toggle,
html body.page-home #smartPayRow .smartpay-toggle:has(input:checked),
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle:has(input:checked) {
  position: relative !important;
  flex: 0 0 118px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  min-height: 38px !important;
  height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 11px 0 40px !important;
  color: #1e3a8a !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(255, 184, 0, 0.95) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 2px rgba(255, 184, 0, 0.22) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body.page-home #smartPayRow .smartpay-toggle span,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle span { color: inherit !important; font-size: inherit !important; line-height: 1 !important; font-weight: 900 !important; }
html body.page-home #smartPayRow .smartpay-toggle:not(:has(input:checked)),
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle:not(:has(input:checked)) { color: #475569 !important; background: rgba(255,255,255,.96) !important; border-color: rgba(226,232,240,.98) !important; box-shadow: 0 0 0 2px rgba(255,184,0,.1) !important; }
html body.page-home #smartPayRow .smartpay-toggle input,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
html body.page-home #smartPayRow .smartpay-toggle::before,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle::before { content: "" !important; position: absolute !important; left: 8px !important; top: 50% !important; width: 25px !important; height: 16px !important; border-radius: 999px !important; background: #cbd5e1 !important; box-shadow: inset 0 0 0 1px rgba(148,163,184,.22) !important; transform: translateY(-50%) !important; }
html body.page-home #smartPayRow .smartpay-toggle:has(input:checked)::before,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle:has(input:checked)::before { background: #2563eb !important; box-shadow: none !important; }
html body.page-home #smartPayRow .smartpay-toggle::after,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle::after { content: "" !important; position: absolute !important; left: 10px !important; top: 50% !important; width: 12px !important; height: 12px !important; border-radius: 999px !important; background: #fff !important; box-shadow: 0 1px 4px rgba(15,23,42,.2) !important; transform: translateY(-50%) !important; }
html body.page-home #smartPayRow .smartpay-toggle:has(input:checked)::after,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle:has(input:checked)::after { left: 19px !important; }
html body.page-home #smartPayRow .smartpay-bank-wrap,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-bank-wrap { display: inline-flex !important; align-items: center !important; min-width: 0 !important; min-height: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
html body.page-home #smartPayRow .smartpay-bank-label,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-bank-label { display: none !important; }
html body.page-home #smartPayBankTrigger,
html body.page-home #smartPayBankTrigger.proba-smartpay-icon-trigger,
html body.page-home #smartPayRow .smartpay-bank-trigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger.proba-smartpay-icon-trigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-bank-trigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-bank-trigger.proba-smartpay-icon-trigger { display: grid !important; grid-template-columns: minmax(0, max-content) 34px !important; align-items: center !important; width: auto !important; min-width: 81px !important; max-width: min(230px, calc(100vw - 178px)) !important; min-height: 38px !important; height: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 !important; gap: 8px !important; color: #1e3a8a !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; overflow: visible !important; transform: none !important; }
html body.page-home #smartPayBankTrigger .proba-smartpay-bank-display,
html body.page-home #smartPayBankTrigger .proba-smartpay-bank-display.is-icons,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-bank-display,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-bank-display.is-icons { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; min-height: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 2px 0 5px !important; gap: 8px !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; }
html body.page-home #smartPayBankTrigger .proba-smartpay-bank-text,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-bank-text { max-width: 126px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #1e3a8a !important; font-size: 11px !important; font-weight: 850 !important; }
html body.page-home #smartPayBankTrigger .proba-smartpay-menu-button,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-menu-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; background: #fff !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px rgba(226,232,240,.72), 0 5px 10px rgba(15,23,42,.07) !important; }
html body.page-home #smartPayBankTrigger .proba-smartpay-bank-icon,
html body.page-home #smartPayBankTrigger .proba-smartpay-bank-icon.is-selected,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-bank-icon,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-bank-icon.is-selected { width: 32px !important; min-width: 32px !important; height: 32px !important; min-height: 32px !important; padding: 4px !important; background: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 0 0 2px rgba(255,255,255,.98), 0 0 0 3px rgba(226,232,240,.92), 0 10px 22px rgba(15,23,42,.18) !important; overflow: visible !important; box-sizing: border-box !important; }
html body.page-home #smartPayBankTrigger .proba-smartpay-bank-icon img,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .proba-smartpay-bank-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
html body.page-home #smartPayBankTrigger .smartpay-bank-trigger-arrow,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayBankTrigger .smartpay-bank-trigger-arrow { display: none !important; }
/* SmartPay uses the accepted mobile component at every viewport width. */
html body.page-home #smartPayRow .smartpay-toggle:has(input:checked)::after,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-toggle:has(input:checked)::after {
  left: 19px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.18) !important;
}
html body.page-home #smartPayRow #smartPayBankTrigger,
html body.page-home #smartPayRow #smartPayBankTrigger.proba-smartpay-icon-trigger,
html body.page-home #smartPayRow .smartpay-bank-trigger.proba-smartpay-icon-trigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger.proba-smartpay-icon-trigger,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow .smartpay-bank-trigger.proba-smartpay-icon-trigger {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, max-content) 34px !important;
  align-items: center !important;
  width: auto !important;
  min-width: 81px !important;
  max-width: min(230px, calc(100vw - 178px)) !important;
  min-height: 38px !important;
  height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  color: #1e3a8a !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  opacity: 1 !important;
  overflow: visible !important;
  transform: none !important;
}
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-display,
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-display.is-icons,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-display,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-display.is-icons {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 2px 0 5px !important;
  gap: 8px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icons,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icons {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icon,
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icon.is-selected,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icon,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icon.is-selected {
  display: inline-flex !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 4px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.98), 0 0 0 3px rgba(226,232,240,.92), 0 10px 22px rgba(15,23,42,.18) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-menu-button,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-menu-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(226,232,240,.72), 0 5px 10px rgba(15,23,42,.07) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}
html body.page-home #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icon img,
html body.page-results.page-results:not(.page-proba) #calcBar #smartPayRow #smartPayBankTrigger .proba-smartpay-bank-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}