/* Desktop/tablet layout overrides for the loan workspace.
   Keep calculation logic out of this file; this is presentation only. */

@media (min-width:768px) and (max-width:1199px){
  body.credit-page:not(.shared-loan-view) .credit-wrap{
    width:100% !important;
    max-width:860px !important;
    margin:0 auto !important;
    padding-inline:clamp(18px,4vw,40px) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection,
  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    max-width:none !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    max-height:56vh !important;
    overflow:auto !important;
  }
}

/* v5.11.1 corner harmonization: 12px primary capsules with proportional iOS inner controls. */
body.credit-page{
  --loan-ios-control-radius:12px;
  --loan-ios-inner-radius:10px;
  --loan-ios-selected-radius:8px;
}

@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    height:58px !important;
    min-height:58px !important;
    border-radius:12px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    height:46px !important;
    min-height:46px !important;
    border-radius:10px !important;
    background:rgba(118,118,128,0.11) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
    background-position:right 12px center !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice{
    border-radius:10px !important;
  }
}

/* v5.11.1 final capsule harmony: match Shuma/Interesi/Afati to Zgjidh Produktin. */
@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    border:1px solid rgba(9,9,121,0.17) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%) !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.98) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    padding:0 6px 0 22px !important;
    gap:10px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    height:46px !important;
    min-height:46px !important;
    padding:4px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:12px !important;
    background:rgba(118,118,128,0.11) !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit{
    width:166px !important;
    min-width:166px !important;
    max-width:166px !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit{
    width:152px !important;
    min-width:152px !important;
    max-width:152px !important;
  }

  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before{
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:50% !important;
    height:auto !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:8px !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
    line-height:38px !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
    line-height:38px !important;
  }
}

/* v5.11.1 EOF visual cleanup lock: doubled spacing and linear info capsules. */
body.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
  gap:0 !important;
  row-gap:0 !important;
}

body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child{
  margin-bottom:52px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row{
  margin-bottom:52px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
  margin-bottom:18px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible{
  position:static !important;
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
  width:100% !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 2px !important;
  transform:none !important;
  overflow:visible !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{
  display:flex !important;
  align-items:center !important;
  height:24px !important;
  line-height:24px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-range--spaced{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:max-content !important;
  max-width:100% !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
  position:relative !important;
  top:0 !important;
  transform:none !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 10px !important;
  line-height:22px !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
  padding-left:9px !important;
  padding-right:9px !important;
}

/* v5.11.1 EOF quick-value capsule radius: match Zgjidh Produktin instead of full-round pills. */
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-expand,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-expand,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-expand{
  border-radius:12px !important;
}

/* v5.11.1 true EOF value capsule radius: main value inputs match Zgjidh Produktin. */
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body{
  border-radius:12px !important;
}

/* v5.11.1 true EOF currency segmented control reset: minimalist iOS style. */
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select{
  width:154px !important;
  min-width:154px !important;
  max-width:154px !important;
  height:42px !important;
  min-height:42px !important;
  padding:3px !important;
  border:1px solid rgba(9,9,121,0.10) !important;
  border-radius:10px !important;
  background:rgba(118,118,128,0.10) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after{
  content:none !important;
  display:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:50% !important;
  height:auto !important;
  border:1px solid rgba(9,9,121,0.10) !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
  transform:translateX(0) !important;
  transition:transform 160ms ease !important;
  pointer-events:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(100%) !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:34px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

/* v5.11.1 true EOF selected chip and unit-control polish. */
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected{
  position:relative !important;
  padding-left:24px !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  border-color:rgba(9,9,121,0.22) !important;
  background:#FFFFFF !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::after,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::after,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  min-width:7px !important;
  min-height:7px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#090979 !important;
  box-shadow:none !important;
  transform:translateY(-50%) !important;
  pointer-events:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit{
  border-color:transparent !important;
  background:rgba(118,118,128,0.12) !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control{
  border-color:transparent !important;
  background-color:#FFFFFF !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.09) !important;
}

/* v5.11.1 EOF spacing rebalance: compact the gaps between the main capsule groups. */
body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child{
  margin-bottom:26px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row{
  margin-bottom:26px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
  margin-bottom:16px !important;
}

/* v5.11.1 EOF visual cleanup: remove stacked spacing conflicts and align info capsules. */
body.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
  gap:0 !important;
  row-gap:0 !important;
}

body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child{
  margin-bottom:52px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row{
  margin-bottom:52px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
  margin-bottom:18px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible{
  position:static !important;
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
  width:100% !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 2px !important;
  transform:none !important;
  overflow:visible !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{
  display:flex !important;
  align-items:center !important;
  height:24px !important;
  line-height:24px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-range--spaced{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:max-content !important;
  max-width:100% !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
  position:relative !important;
  top:0 !important;
  transform:none !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 10px !important;
  line-height:22px !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
  padding-left:9px !important;
  padding-right:9px !important;
}

/* v5.11.1 final desktop override: fixed left inputs, full amortization table, no overlapping units. */
@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view),
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    background:#F5F6FA !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-wrap{
    display:grid !important;
    grid-template-columns:396px minmax(0, 1fr) !important;
    grid-template-rows:auto 1fr !important;
    justify-content:start !important;
    align-content:start !important;
    align-items:start !important;
    column-gap:18px !important;
    row-gap:14px !important;
    width:100% !important;
    max-width:none !important;
    height:calc(100dvh - 88px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:18px !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:396px !important;
    min-width:396px !important;
    max-width:396px !important;
    height:auto !important;
    max-height:calc(100dvh - 166px) !important;
    margin:0 !important;
    padding:16px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,0.92) !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
    overflow:auto !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:17px !important;
    row-gap:17px !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone{
    height:48px !important;
    min-height:48px !important;
    padding:0 46px 0 18px !important;
    border:1px solid rgba(9,9,121,0.18) !important;
    border-radius:16px !important;
    background-color:#FFFFFF !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
      linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%) !important;
    background-repeat:no-repeat !important;
    background-position:right 18px center, 0 0 !important;
    background-size:17px 10px, 100% 100% !important;
    color:#090979 !important;
    -webkit-text-fill-color:#090979 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:48px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
    display:grid !important;
    grid-template-rows:24px 48px !important;
    gap:7px !important;
    width:100% !important;
    min-height:79px !important;
    height:79px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible{
    position:static !important;
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    align-items:center !important;
    column-gap:8px !important;
    width:100% !important;
    min-height:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 4px !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint::before{ content:"Shuma" !important; }
  body.credit-page:not(.shared-loan-view) #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint::before{ content:"Interesi" !important; }
  body.credit-page:not(.shared-loan-view) #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint::before{ content:"Afati" !important; }

  body.credit-page:not(.shared-loan-view) #principalHint::before,
  body.credit-page:not(.shared-loan-view) #rateHint::before,
  body.credit-page:not(.shared-loan-view) #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint::before{
    height:24px !important;
    color:#090979 !important;
    font-size:14px !important;
    font-weight:650 !important;
    line-height:24px !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #rateHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-info-scroll-viewport{
    width:100% !important;
    min-width:0 !important;
    height:24px !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #rateHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #principalHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #rateHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-choice-strip{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:24px !important;
    min-height:24px !important;
    padding:0 11px !important;
    border:1px solid rgba(148,163,184,0.34) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,0.62) !important;
    box-shadow:none !important;
    color:#5F6878 !important;
    font-size:12px !important;
    font-weight:650 !important;
    line-height:22px !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice.is-selected{
    border-color:rgba(9,9,121,0.20) !important;
    background:#FFFFFF !important;
    color:#111827 !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.08) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .field-input,
  body.credit-page:not(.shared-loan-view) #rateRow .field-input,
  body.credit-page:not(.shared-loan-view) #monthsRow .field-input,
  body.credit-page:not(.shared-loan-view) #principalRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field--principal{
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 5px 0 16px !important;
    border:1px solid rgba(9,9,121,0.14) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFF 100%) !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.98) !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #rateRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #monthsRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow input.split-field-control{
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:17px !important;
    font-weight:600 !important;
    line-height:46px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .principal-currency-suffix,
  body.credit-page:not(.shared-loan-view) #rateRow .rate-unit-suffix,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .principal-currency-suffix,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .rate-unit-suffix{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    flex:0 0 auto !important;
    width:126px !important;
    min-width:126px !important;
    max-width:126px !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:3px !important;
    border:1px solid rgba(9,9,121,0.12) !important;
    border-radius:999px !important;
    background:rgba(118,118,128,0.12) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit--select::after,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit--select::after{
    content:none !important;
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    height:30px !important;
    border:0 !important;
    border-radius:999px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:50% !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:999px !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
    transform:translateX(0) !important;
    transition:transform 160ms ease !important;
    pointer-events:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
    transform:translateX(100%) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:30px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:30px !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 27px 0 13px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:999px !important;
    background-color:#FFFFFF !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpath d='M1.5 1.5L6.5 6.5L11.5 1.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 11px center !important;
    background-size:13px 8px !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:30px !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  body.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 4px !important;
    border-top:1px solid rgba(148,163,184,0.22) !important;
    background:transparent !important;
  }

  body.credit-page:not(.shared-loan-view) #loanMoreOptionsToggleText,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel *,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggleText,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel *{
    font-size:14px !important;
    letter-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-actions,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    width:396px !important;
    min-width:396px !important;
    max-width:396px !important;
    margin:0 !important;
    padding:14px 0 0 !important;
    border-top:1px solid rgba(148,163,184,0.20) !important;
    background:#FFFFFF !important;
    justify-content:center !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:calc(100dvh - 124px) !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface.is-hidden{
    display:block !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    border-radius:18px !important;
    background:#FFFFFF !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08) !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden{
    display:block !important;
    visibility:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    padding:10px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.credit-page:not(.shared-loan-view) .loan-table,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    table-layout:fixed !important;
  }

  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-nr,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-nr{ width:7% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-date,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-date{ width:14% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-payment,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-payment{ width:17% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-principal{ width:17% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-interest,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-interest{ width:15% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-balance,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-balance{ width:30% !important; }

  body.credit-page:not(.shared-loan-view) .loan-table th,
  body.credit-page:not(.shared-loan-view) .loan-table td,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table th,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table td{
    padding:6px 7px !important;
    font-size:12px !important;
    line-height:1.22 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}

/* v5.11.1: static desktop workspace with fixed inputs, full-width table, and clean iOS-style units. */
@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view),
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    background:#F5F6FA !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-wrap{
    display:grid !important;
    grid-template-columns:396px minmax(0, 1fr) !important;
    grid-template-rows:auto 1fr !important;
    column-gap:18px !important;
    row-gap:14px !important;
    align-items:start !important;
    align-content:start !important;
    justify-content:start !important;
    width:100% !important;
    max-width:none !important;
    height:calc(100dvh - 88px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:18px 18px 18px !important;
    overflow:hidden !important;
    background:#F5F6FA !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:396px !important;
    min-width:396px !important;
    max-width:396px !important;
    height:auto !important;
    max-height:calc(100dvh - 166px) !important;
    margin:0 !important;
    padding:16px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,0.92) !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.95) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:17px !important;
    row-gap:17px !important;
    width:100% !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 46px 0 18px !important;
    border:1px solid rgba(9,9,121,0.18) !important;
    border-radius:16px !important;
    background-color:#FFFFFF !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
      linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
    background-repeat:no-repeat !important;
    background-position:right 18px center, 0 0 !important;
    background-size:17px 10px, 100% 100% !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.98) !important;
    color:#090979 !important;
    -webkit-text-fill-color:#090979 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:48px !important;
    letter-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
    display:grid !important;
    grid-template-rows:24px 48px !important;
    gap:7px !important;
    width:100% !important;
    min-height:79px !important;
    height:79px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible{
    position:static !important;
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    align-items:center !important;
    column-gap:8px !important;
    width:100% !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 4px !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint::before{ content:"Shuma" !important; }
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint::before{ content:"Interesi" !important; }
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{ content:"Afati" !important; }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    height:24px !important;
    color:#090979 !important;
    font-size:14px !important;
    font-weight:650 !important;
    line-height:24px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport{
    width:100% !important;
    min-width:0 !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:max-content !important;
    max-width:100% !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:24px !important;
    min-height:24px !important;
    padding:0 11px !important;
    border:1px solid rgba(148,163,184,0.34) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,0.62) !important;
    box-shadow:none !important;
    color:#5F6878 !important;
    font-size:12px !important;
    font-weight:650 !important;
    line-height:22px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected{
    border-color:rgba(9,9,121,0.20) !important;
    background:#FFFFFF !important;
    color:#111827 !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.08) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .field-input,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .field-input,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .field-input,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field--principal{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 5px 0 16px !important;
    border:1px solid rgba(9,9,121,0.14) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, #FFFFFF 0%, #FCFDFF 100%) !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.98) !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-entry{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:46px !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow input.split-field-control{
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:17px !important;
    font-weight:600 !important;
    line-height:46px !important;
    letter-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .principal-currency-suffix,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .rate-unit-suffix,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .principal-currency-suffix,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .rate-unit-suffix{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit--dropdown,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit--dropdown,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit--dropdown,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit--dropdown{
    flex:0 0 auto !important;
    width:126px !important;
    min-width:126px !important;
    max-width:126px !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:3px !important;
    border:1px solid rgba(9,9,121,0.12) !important;
    border-radius:999px !important;
    background:rgba(118,118,128,0.12) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit--dropdown,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit--dropdown{
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after{
    content:none !important;
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    border:0 !important;
    border-radius:999px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:50% !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:999px !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
    transform:translateX(0) !important;
    transition:transform 160ms ease !important;
    pointer-events:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
    transform:translateX(100%) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:30px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control{
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 27px 0 13px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:999px !important;
    background-color:#FFFFFF !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpath d='M1.5 1.5L6.5 6.5L11.5 1.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 11px center !important;
    background-size:13px 8px !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:30px !important;
    letter-spacing:0 !important;
    text-align:left !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  body.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    min-height:38px !important;
    height:38px !important;
    margin-top:0 !important;
    padding:0 4px !important;
    border-top:1px solid rgba(148,163,184,0.22) !important;
    background:transparent !important;
  }

  body.credit-page:not(.shared-loan-view) #loanMoreOptionsToggleText,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel *,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggleText,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel *{
    font-size:14px !important;
    letter-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-actions,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:start !important;
    justify-content:center !important;
    width:396px !important;
    min-width:396px !important;
    max-width:396px !important;
    margin:0 !important;
    padding:14px 0 0 !important;
    border-top:1px solid rgba(148,163,184,0.20) !important;
    background:#FFFFFF !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:calc(100dvh - 124px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface.is-hidden{
    display:block !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    border-radius:18px !important;
    background:#FFFFFF !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08) !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden{
    display:block !important;
    visibility:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    padding:10px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.credit-page:not(.shared-loan-view) .loan-table,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-nr,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-nr{ width:7% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-date,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-date{ width:14% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-payment,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-payment{ width:17% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-principal{ width:17% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-interest,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-interest{ width:15% !important; }
  body.credit-page:not(.shared-loan-view) .loan-table col.loan-col-balance,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-balance{ width:30% !important; }

  body.credit-page:not(.shared-loan-view) .loan-table th,
  body.credit-page:not(.shared-loan-view) .loan-table td,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table th,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table td{
    padding:6px 7px !important;
    font-size:12px !important;
    line-height:1.22 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}

@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view),
  body.credit-page.loan-results-visible:not(.shared-loan-view){
    background:#F4F5FA !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap{
    display:grid !important;
    grid-template-columns:minmax(420px, 45fr) minmax(560px, 55fr) !important;
    grid-template-rows:auto 1fr !important;
    gap:18px !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    height:calc(100dvh - 88px) !important;
    padding:16px clamp(16px, 1.8vw, 32px) 18px !important;
    align-items:start !important;
    align-content:start !important;
    justify-content:stretch !important;
    overflow:hidden !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    max-height:calc(100dvh - 168px) !important;
    margin:0 !important;
    padding:16px !important;
    overflow:auto !important;
    border:1px solid rgba(120,116,180,0.18) !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFBFF 100%) !important;
    box-shadow:0 18px 42px rgba(15,23,42,0.10), inset 0 1px 0 rgba(255,255,255,0.95) !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection .credit-grid,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection .credit-grid{
    gap:12px !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #product.field-control--standalone{
    min-height:44px !important;
    height:44px !important;
    font-size:15px !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #monthsRow.field-row,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #monthsRow.field-row{
    min-height:82px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
    min-height:26px !important;
    height:26px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    min-height:38px !important;
    height:38px !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #loanMoreOptionsPanel.loan-more-options-panel,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #loanMoreOptionsPanel.loan-more-options-panel{
    max-height:34vh !important;
    overflow:auto !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-actions,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    align-self:end !important;
    justify-content:center !important;
    background:transparent !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-actions .btn-share-ios,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-actions .btn-share-ios{
    width:min(100%, 280px) !important;
    inline-size:min(100%, 280px) !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    align-self:stretch !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #resultsPanel.card-min.table-premium,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    max-height:none !important;
    margin:0 !important;
    border:1px solid rgba(120,116,180,0.18) !important;
    border-radius:20px !important;
    box-shadow:0 18px 42px rgba(15,23,42,0.10) !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #resultsPanel .table-scroll,
  body.credit-page.loan-results-visible:not(.shared-loan-view) #resultsPanel .table-scroll{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    overflow:auto !important;
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table{
    min-width:820px !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table thead th,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table thead th{
    position:sticky !important;
    top:0 !important;
    z-index:4 !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table thead .loan-detail-row th,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table thead .schedule-meta-row th,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table thead .loan-detail-row th,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table thead .schedule-meta-row th{
    position:static !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table > thead > tr:not(.loan-detail-row):not(.schedule-meta-row) > th,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .loan-table > thead > tr:not(.loan-detail-row):not(.schedule-meta-row) > th{
    background:#F8FAFC !important;
    box-shadow:0 1px 0 rgba(148,163,184,0.22), 0 10px 18px rgba(15,23,42,0.04) !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .schedule-total-row td,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .schedule-total-row td{
    background:linear-gradient(180deg,#EAF1FF 0%,#DEE9FF 100%) !important;
  }
}

body.credit-page #inputSection #loanMoreOptionsRow.loan-more-options-row{
  margin-top:0 !important;
  padding:0 8px 2px !important;
  min-height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanMoreOptionsToggle.loan-more-options-toggle{
  min-height:44px !important;
  height:44px !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid rgba(148,163,184,0.20) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  font-size:15px !important;
  font-weight:700 !important;
}

body.credit-page #inputSection #loanMoreOptionsToggle:hover,
body.credit-page #inputSection #loanMoreOptionsToggle:focus-visible{
  color:#090979 !important;
}

body.credit-page #inputSection #loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  background:#6B7280 !important;
  background-color:#6B7280 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanMoreOptionsPanel.loan-more-options-panel{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanMoreOptionsPanel .loan-more-options-grid{
  border:0 !important;
  border-top:1px solid rgba(148,163,184,0.16) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanMoreOptionsPanel .loan-more-option-field,
body.credit-page #inputSection #loanMoreOptionsPanel .loan-more-option-field:nth-child(odd),
body.credit-page #inputSection #loanMoreOptionsPanel .loan-more-option-field:nth-child(even){
  min-height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(229,231,235,0.92) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanMoreOptionsPanel .loan-more-option-field:last-child{
  border-bottom:0 !important;
}

body.credit-page #inputSection #loanMoreOptionsPanel .loan-more-option-field:focus-within{
  background:transparent !important;
  border-bottom-color:rgba(9,9,121,0.30) !important;
}

/* v5.11.1: visual-only polish for the three primary loan inputs. */
body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  position:relative !important;
  min-height:112px !important;
  padding:16px 20px 12px !important;
  border:1px solid rgba(129,123,184,0.42) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,0.76) !important;
  box-shadow:0 12px 30px rgba(15,23,42,0.06) !important;
  overflow:visible !important;
}

body.credit-page #inputSection #principalRow.field-row::before,
body.credit-page #inputSection #rateRow.field-row::before,
body.credit-page #inputSection #monthsRow.field-row::before,
body.credit-page #inputSection #principalRow.field-row::after,
body.credit-page #inputSection #rateRow.field-row::after,
body.credit-page #inputSection #monthsRow.field-row::after,
body.credit-page #inputSection #principalRow .split-field-label,
body.credit-page #inputSection #rateRow .split-field-label,
body.credit-page #inputSection #monthsRow .split-field-label{
  content:none !important;
  display:none !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  position:absolute !important;
  top:8px !important;
  left:28px !important;
  right:18px !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:30px !important;
  height:30px !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:26px !important;
  padding:0 4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(255,255,255,0.62) !important;
  color:rgba(75,85,99,0.82) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #principalHint::before{content:"Shuma" !important;}
body.credit-page #inputSection #rateHint::before{content:"Interesi" !important;}
body.credit-page #inputSection #monthsHint::before{content:"Afati" !important;}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-choice-values,
body.credit-page #inputSection #rateHint .field-choice-values,
body.credit-page #inputSection #monthsHint .field-choice-values,
body.credit-page #inputSection #principalHint .field-choice-strip,
body.credit-page #inputSection #rateHint .field-choice-strip,
body.credit-page #inputSection #monthsHint .field-choice-strip{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  min-height:30px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  min-height:28px !important;
  height:28px !important;
  padding:0 12px !important;
  border:1px solid rgba(107,114,128,0.28) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.46) !important;
  box-shadow:none !important;
  color:rgba(31,41,55,0.82) !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:28px !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected{
  background:rgba(255,255,255,0.64) !important;
  border-color:rgba(17,24,39,0.36) !important;
  color:#111827 !important;
  box-shadow:0 0 0 1px rgba(17,24,39,0.08) !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  min-height:62px !important;
  height:62px !important;
  margin-top:28px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  min-height:62px !important;
  height:62px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .split-field-body::before,
body.credit-page #inputSection #rateRow .split-field-body::before,
body.credit-page #inputSection #monthsRow .split-field-body::before,
body.credit-page #inputSection #principalRow .split-field-body::after,
body.credit-page #inputSection #rateRow .split-field-body::after,
body.credit-page #inputSection #monthsRow .split-field-body::after{
  content:none !important;
  display:none !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry{
  min-height:62px !important;
  height:62px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:62px !important;
  height:62px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:24px !important;
  font-weight:650 !important;
  line-height:62px !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit{
  border:0 !important;
  border-radius:999px !important;
  background:rgba(118,118,128,0.12) !important;
  box-shadow:none !important;
}

/* v5.11.1 refinement: compact two-line primary input cards. */
body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  display:block !important;
  min-height:104px !important;
  height:auto !important;
  padding:12px 14px 10px !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

body.credit-page #inputSection #principalRow .field-input,
body.credit-page #inputSection #rateRow .field-input,
body.credit-page #inputSection #monthsRow .field-input{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  top:16px !important;
  left:34px !important;
  right:18px !important;
  height:28px !important;
  min-height:28px !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  height:28px !important;
  padding:0 !important;
  background:transparent !important;
  color:rgba(75,85,99,0.72) !important;
  font-size:15px !important;
  font-weight:750 !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  flex:0 0 auto !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 12px !important;
  border-color:rgba(107,114,128,0.24) !important;
  background:rgba(255,255,255,0.32) !important;
  color:rgba(31,41,55,0.72) !important;
  font-size:14px !important;
  font-weight:500 !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected{
  background:rgba(255,255,255,0.56) !important;
  color:#111827 !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  margin-top:34px !important;
  min-height:46px !important;
  height:46px !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:46px !important;
  height:46px !important;
  width:100% !important;
  min-width:0 !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry{
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
}

body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:46px !important;
  height:46px !important;
  font-size:29px !important;
  font-weight:700 !important;
  line-height:46px !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  height:46px !important;
  margin-left:8px !important;
  color:#111827 !important;
  font-size:22px !important;
  font-weight:750 !important;
  line-height:46px !important;
  transform:none !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  position:static !important;
  inset:auto !important;
  flex:0 0 clamp(116px, 34%, 156px) !important;
  width:clamp(116px, 34%, 156px) !important;
  min-width:116px !important;
  max-width:156px !important;
  min-height:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:4px !important;
  transform:none !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group,
body.credit-page #inputSection #rateRow .unit-radio-group,
body.credit-page #inputSection #monthsRow .unit-radio-group{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #rateRow .unit-radio-option,
body.credit-page #inputSection #monthsRow .unit-radio-option{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border-radius:12px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-text,
body.credit-page #inputSection #rateRow .unit-radio-text,
body.credit-page #inputSection #monthsRow .unit-radio-text,
body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 8px !important;
  color:#6B7280 !important;
  -webkit-text-fill-color:#6B7280 !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:36px !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
body.credit-page #inputSection #rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
body.credit-page #inputSection #monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}

body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* v5.11.1 screenshot alignment: header pills above, rounded value bar below. */
body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  min-height:112px !important;
  padding:10px 12px 12px !important;
  border-radius:22px !important;
  border-color:rgba(129,123,184,0.38) !important;
  background:rgba(255,255,255,0.82) !important;
  box-shadow:0 10px 24px rgba(15,23,42,0.055) !important;
}

body.credit-page #inputSection #principalRow.field-row::after,
body.credit-page #inputSection #rateRow.field-row::after,
body.credit-page #inputSection #monthsRow.field-row::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  top:46px !important;
  height:1px !important;
  background:rgba(9,9,121,0.20) !important;
  pointer-events:none !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  top:10px !important;
  left:40px !important;
  right:18px !important;
  height:30px !important;
  min-height:30px !important;
  gap:10px !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  color:rgba(75,85,99,0.76) !important;
  font-size:14px !important;
  font-weight:750 !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  height:26px !important;
  min-height:26px !important;
  padding:0 11px !important;
  background:rgba(255,255,255,0.42) !important;
  border-color:rgba(107,114,128,0.24) !important;
  color:rgba(31,41,55,0.74) !important;
  font-size:13px !important;
  line-height:26px !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected{
  background:rgba(255,255,255,0.72) !important;
  border-color:rgba(17,24,39,0.32) !important;
  box-shadow:0 0 0 1px rgba(17,24,39,0.06) !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  margin-top:42px !important;
  min-height:50px !important;
  height:50px !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  min-height:50px !important;
  height:50px !important;
  padding:0 10px 0 0 !important;
  border:1px solid rgba(129,123,184,0.30) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,0.72) !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry{
  min-height:50px !important;
  height:50px !important;
  padding-left:16px !important;
}

body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:50px !important;
  height:50px !important;
  font-size:24px !important;
  font-weight:650 !important;
  line-height:50px !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  height:50px !important;
  color:#111827 !important;
  font-size:18px !important;
  font-weight:750 !important;
  line-height:50px !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex:0 0 clamp(132px, 36%, 168px) !important;
  width:clamp(132px, 36%, 168px) !important;
  min-width:132px !important;
  max-width:168px !important;
  min-height:42px !important;
  height:42px !important;
  padding:3px !important;
  background:rgba(118,118,128,0.14) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group,
body.credit-page #inputSection #rateRow .unit-radio-group,
body.credit-page #inputSection #monthsRow .unit-radio-group{
  height:36px !important;
  min-height:36px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #rateRow .unit-radio-option,
body.credit-page #inputSection #monthsRow .unit-radio-option,
body.credit-page #inputSection #principalRow .currency-radio-text,
body.credit-page #inputSection #rateRow .unit-radio-text,
body.credit-page #inputSection #monthsRow .unit-radio-text,
body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  height:36px !important;
  min-height:36px !important;
  line-height:36px !important;
}

@media (max-width:430px){
  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    left:22px !important;
    right:12px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-body,
  body.credit-page #inputSection #rateRow .split-field-body,
  body.credit-page #inputSection #monthsRow .split-field-body{
    gap:8px !important;
    padding-right:8px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-unit,
  body.credit-page #inputSection #rateRow .split-field-unit,
  body.credit-page #inputSection #monthsRow .split-field-unit,
  body.credit-page #inputSection #principalRow .split-field-unit--select,
  body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
  body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
    flex-basis:118px !important;
    width:118px !important;
    min-width:118px !important;
  }
}

/* Remove the outer rounded frame and divider line from primary input rows. */
body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow.field-row::after,
body.credit-page #inputSection #rateRow.field-row::after,
body.credit-page #inputSection #monthsRow.field-row::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
}

/* Keep selection/focus from drawing a square around the whole input group. */
body.credit-page #inputSection #principalRow.field-row:focus-within,
body.credit-page #inputSection #rateRow.field-row:focus-within,
body.credit-page #inputSection #monthsRow.field-row:focus-within,
body.credit-page #inputSection #principalRow.field-row.is-valid,
body.credit-page #inputSection #rateRow.field-row.is-valid,
body.credit-page #inputSection #monthsRow.field-row.is-valid{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .split-field--principal:focus-within,
body.credit-page #inputSection #rateRow .split-field--principal:focus-within,
body.credit-page #inputSection #monthsRow .split-field--principal:focus-within,
body.credit-page #inputSection #principalRow .split-field-body:focus-within,
body.credit-page #inputSection #rateRow .split-field-body:focus-within,
body.credit-page #inputSection #monthsRow .split-field-body:focus-within{
  outline:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice:focus-visible,
body.credit-page #inputSection #rateHint .field-fill-choice:focus-visible,
body.credit-page #inputSection #monthsHint .field-fill-choice:focus-visible,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected{
  outline:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected::after,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected::after,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected::after{
  box-shadow:0 0 0 2px rgba(48,209,88,0.14) !important;
}

/* Cleaner LEK/EUR segmented control. */
body.credit-page #inputSection #principalRow .split-field-unit--select{
  flex:0 0 132px !important;
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  height:40px !important;
  min-height:40px !important;
  padding:3px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(118,118,128,0.16) !important;
  box-shadow:inset 0 1px 1px rgba(15,23,42,0.04) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group{
  height:34px !important;
  min-height:34px !important;
  border-radius:999px !important;
  background:transparent !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:50% !important;
  border-radius:12px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 3px rgba(15,23,42,0.18) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(100%) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option{
  height:34px !important;
  min-height:34px !important;
  border-radius:12px !important;
  outline:0 !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option:has(.currency-radio-input:focus-visible){
  outline:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .currency-radio-text{
  height:34px !important;
  min-height:34px !important;
  padding:0 8px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:34px !important;
}

/* v5.11.1 final harmonization for the three primary loan inputs. */
body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  min-height:96px !important;
  padding:8px 14px 10px !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  top:8px !important;
  left:28px !important;
  right:14px !important;
  z-index:4 !important;
  display:flex !important;
  align-items:center !important;
  min-height:30px !important;
  height:30px !important;
  gap:8px !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  height:30px !important;
  padding:0 !important;
  background:transparent !important;
  color:#090979 !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:30px !important;
  letter-spacing:0 !important;
}

body.credit-page #inputSection #principalHint::before{content:"Shuma" !important;}
body.credit-page #inputSection #rateHint::before{content:"Interesi" !important;}
body.credit-page #inputSection #monthsHint::before{content:"Afati" !important;}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  height:28px !important;
  min-height:28px !important;
  padding:0 11px !important;
  border-color:rgba(9,9,121,0.18) !important;
  background:rgba(255,255,255,0.36) !important;
  color:rgba(17,24,39,0.72) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:28px !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  margin-top:36px !important;
  min-height:48px !important;
  height:48px !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  min-height:48px !important;
  height:48px !important;
  padding:0 8px 0 14px !important;
  border:1px solid rgba(9,9,121,0.26) !important;
  border-radius:999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,252,0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    inset 0 0 0 0.5px rgba(255,255,255,0.72),
    0 8px 18px rgba(9,9,121,0.055) !important;
  color:#111827 !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry{
  min-height:46px !important;
  height:46px !important;
  padding-left:0 !important;
}

body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:46px !important;
  height:46px !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:46px !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  height:46px !important;
  color:#111827 !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:46px !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex:0 0 clamp(126px, 34%, 154px) !important;
  width:clamp(126px, 34%, 154px) !important;
  min-width:126px !important;
  max-width:154px !important;
  min-height:40px !important;
  height:40px !important;
  padding:3px !important;
  border:1px solid rgba(9,9,121,0.22) !important;
  border-radius:999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,252,0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    inset 0 0 0 0.5px rgba(255,255,255,0.72),
    0 8px 18px rgba(9,9,121,0.055) !important;
  color:#111827 !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group,
body.credit-page #inputSection #rateRow .unit-radio-group,
body.credit-page #inputSection #monthsRow .unit-radio-group{
  height:32px !important;
  min-height:32px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  border-radius:999px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #rateRow .unit-radio-option,
body.credit-page #inputSection #monthsRow .unit-radio-option,
body.credit-page #inputSection #principalRow .currency-radio-text,
body.credit-page #inputSection #rateRow .unit-radio-text,
body.credit-page #inputSection #monthsRow .unit-radio-text,
body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  height:32px !important;
  min-height:32px !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:32px !important;
}

@media (max-width:430px){
  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    left:18px !important;
    right:10px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-body,
  body.credit-page #inputSection #rateRow .split-field-body,
  body.credit-page #inputSection #monthsRow .split-field-body{
    padding-left:12px !important;
    padding-right:6px !important;
    gap:6px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-unit,
  body.credit-page #inputSection #rateRow .split-field-unit,
  body.credit-page #inputSection #monthsRow .split-field-unit,
  body.credit-page #inputSection #principalRow .split-field-unit--select,
  body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
  body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
    flex-basis:112px !important;
    width:112px !important;
    min-width:112px !important;
  }
}

/* v5.11.1 capsule spacing and selector polish. */
body.credit-page #inputSection .credit-grid{
  row-gap:14px !important;
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  min-height:88px !important;
  padding:4px 0 8px !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  top:2px !important;
  left:14px !important;
  right:12px !important;
  height:28px !important;
  min-height:28px !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  height:28px !important;
  line-height:28px !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  margin-top:30px !important;
  min-height:46px !important;
  height:46px !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 6px 0 14px !important;
  border-color:rgba(9,9,121,0.28) !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry,
body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:44px !important;
  height:44px !important;
  line-height:44px !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  height:44px !important;
  line-height:44px !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex:0 0 136px !important;
  width:136px !important;
  min-width:136px !important;
  max-width:136px !important;
  height:38px !important;
  min-height:38px !important;
  padding:2px !important;
  background:
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
}

body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex-basis:112px !important;
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group{
  height:34px !important;
  min-height:34px !important;
  border-radius:999px !important;
  background:rgba(118,118,128,0.10) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  top:2px !important;
  bottom:2px !important;
  left:2px !important;
  width:calc(50% - 2px) !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-shadow:0 2px 5px rgba(15,23,42,0.16) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #principalRow .currency-radio-text{
  height:34px !important;
  min-height:34px !important;
  line-height:34px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-text{
  font-size:14px !important;
  font-weight:650 !important;
}

body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  -webkit-appearance:none !important;
  appearance:none !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 34px 0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 8px !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:34px !important;
  text-align:left !important;
  box-shadow:none !important;
}

@media (max-width:430px){
  body.credit-page #inputSection .credit-grid{
    row-gap:12px !important;
  }

  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    left:14px !important;
    right:10px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-unit,
  body.credit-page #inputSection #rateRow .split-field-unit,
  body.credit-page #inputSection #principalRow .split-field-unit--select,
  body.credit-page #inputSection #rateRow .split-field-unit--dropdown{
    flex-basis:126px !important;
    width:126px !important;
    min-width:126px !important;
    max-width:126px !important;
  }

  body.credit-page #inputSection #monthsRow .split-field-unit,
  body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
    flex-basis:100px !important;
    width:100px !important;
    min-width:100px !important;
    max-width:100px !important;
  }
}

/* v5.11.1 requested cleanup: remove duplicate middle units and tighten vertical rhythm. */
body.credit-page #inputSection .credit-grid{
  row-gap:8px !important;
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  min-height:72px !important;
  padding:0 !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  top:0 !important;
  left:14px !important;
  right:14px !important;
  height:22px !important;
  min-height:22px !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  height:22px !important;
  line-height:22px !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  margin-top:24px !important;
  min-height:44px !important;
  height:44px !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  min-height:44px !important;
  height:44px !important;
  padding:0 5px 0 14px !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry,
body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:42px !important;
  height:42px !important;
  line-height:42px !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  display:none !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  height:36px !important;
  min-height:36px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group,
body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #principalRow .currency-radio-text,
body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  height:32px !important;
  min-height:32px !important;
  line-height:32px !important;
}

body.credit-page #inputSection #loanMoreOptionsRow.loan-more-options-row{
  margin-top:4px !important;
  margin-bottom:0 !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(229,231,235,0.95) !important;
}

body.credit-page .credit-actions{
  width:100% !important;
  margin:0 !important;
  padding:12px 0 16px !important;
  background:#FFFFFF !important;
  border-top:0 !important;
}

body.credit-page .credit-actions .btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-secondary.btn-share-ios{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:430px){
  body.credit-page #inputSection .credit-grid{
    row-gap:7px !important;
  }

  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    min-height:70px !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    left:14px !important;
    right:10px !important;
  }
}

/* v5.11.1 iOS layout reset: remove overlapping absolute rails on the three primary inputs. */
body.credit-page #inputSection .credit-grid{
  row-gap:6px !important;
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalRow .field-input,
body.credit-page #inputSection #rateRow .field-input,
body.credit-page #inputSection #monthsRow .field-input{
  order:2 !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  order:1 !important;
  position:static !important;
  inset:auto !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  height:22px !important;
  min-height:22px !important;
  margin:0 !important;
  padding:0 12px !important;
  gap:8px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 !important;
  background:transparent !important;
  color:#090979 !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #principalHint::before{content:"Shuma" !important;}
body.credit-page #inputSection #rateHint::before{content:"Interesi" !important;}
body.credit-page #inputSection #monthsHint::before{content:"Afati" !important;}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:22px !important;
  min-height:22px !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

body.credit-page #inputSection #principalHint .field-choice-values,
body.credit-page #inputSection #rateHint .field-choice-values,
body.credit-page #inputSection #monthsHint .field-choice-values,
body.credit-page #inputSection #principalHint .field-choice-strip,
body.credit-page #inputSection #rateHint .field-choice-strip,
body.credit-page #inputSection #monthsHint .field-choice-strip{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
  height:22px !important;
  min-height:22px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  flex:0 0 auto !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 10px !important;
  border:1px solid rgba(9,9,121,0.15) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.56) !important;
  color:#5E6373 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:20px !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected{
  border-color:rgba(9,9,121,0.22) !important;
  background:rgba(255,255,255,0.88) !important;
  color:#111827 !important;
  box-shadow:0 1px 3px rgba(15,23,42,0.08) !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalRow .split-field-label,
body.credit-page #inputSection #rateRow .split-field-label,
body.credit-page #inputSection #monthsRow .split-field-label{
  display:none !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:calc(100% - 2px) !important;
  min-width:0 !important;
  min-height:44px !important;
  height:44px !important;
  margin:0 1px !important;
  padding:0 5px 0 14px !important;
  border:1px solid rgba(9,9,121,0.24) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 8px 18px rgba(9,9,121,0.052) !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalRow .split-field-body:focus-within,
body.credit-page #inputSection #rateRow .split-field-body:focus-within,
body.credit-page #inputSection #monthsRow .split-field-body:focus-within{
  border-color:rgba(9,9,121,0.34) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 0 0 3px rgba(9,9,121,0.055),
    0 10px 22px rgba(9,9,121,0.075) !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry{
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:42px !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  display:none !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 136px !important;
  width:136px !important;
  min-width:136px !important;
  max-width:136px !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:2px !important;
  border:1px solid rgba(9,9,121,0.18) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,247,251,0.96)) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 1px 3px rgba(15,23,42,0.06) !important;
  transform:none !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex-basis:112px !important;
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(118,118,128,0.12) !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  content:"" !important;
  position:absolute !important;
  top:2px !important;
  bottom:2px !important;
  left:2px !important;
  width:calc(50% - 2px) !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 4px rgba(15,23,42,0.16) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(100%) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #principalRow .currency-radio-text{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 0 !important;
  min-width:0 !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 6px !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:32px !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 32px 0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 13px center !important;
  background-size:14px 8px !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:32px !important;
  text-align:left !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanMoreOptionsRow.loan-more-options-row{
  margin-top:6px !important;
}

@media (max-width:430px){
  body.credit-page #inputSection .credit-grid{
    row-gap:6px !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    padding-left:12px !important;
    padding-right:10px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-unit,
  body.credit-page #inputSection #rateRow .split-field-unit,
  body.credit-page #inputSection #principalRow .split-field-unit--select,
  body.credit-page #inputSection #rateRow .split-field-unit--dropdown{
    flex-basis:128px !important;
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
  }

  body.credit-page #inputSection #monthsRow .split-field-unit,
  body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
    flex-basis:106px !important;
    width:106px !important;
    min-width:106px !important;
    max-width:106px !important;
  }
}

/* v5.11.1 fine alignment: keep info labels centered between the product and value capsules. */
body.credit-page #inputSection .credit-grid{
  row-gap:8px !important;
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  gap:8px !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  height:20px !important;
  min-height:20px !important;
  padding-left:13px !important;
  padding-right:10px !important;
  align-items:center !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  height:20px !important;
  min-height:20px !important;
  line-height:20px !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport,
body.credit-page #inputSection #principalHint .field-choice-values,
body.credit-page #inputSection #rateHint .field-choice-values,
body.credit-page #inputSection #monthsHint .field-choice-values,
body.credit-page #inputSection #principalHint .field-choice-strip,
body.credit-page #inputSection #rateHint .field-choice-strip,
body.credit-page #inputSection #monthsHint .field-choice-strip{
  height:20px !important;
  min-height:20px !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  height:20px !important;
  min-height:20px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  line-height:18px !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
}

@media (max-width:430px){
  body.credit-page #inputSection .credit-grid{
    row-gap:8px !important;
  }

  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    gap:8px !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    padding-left:13px !important;
    padding-right:8px !important;
  }
}

/* v5.11.1 spacing lock: remove hidden product hint space and unify all info rows. */
body.credit-page #inputSection .credit-grid{
  row-gap:9px !important;
}

body.credit-page #inputSection .credit-grid > .field-row:first-child{
  min-height:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection .credit-grid > .field-row:first-child .field-input{
  min-height:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
}

body.credit-page #inputSection .credit-grid > .field-row:first-child .field-info,
body.credit-page #inputSection .credit-grid > .field-row:first-child .field-info--static{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.credit-page #inputSection .credit-grid > .field-row:first-child .field-input::before,
body.credit-page #inputSection .credit-grid > .field-row:first-child .field-input::after{
  content:none !important;
  display:none !important;
}

body.credit-page #inputSection #product.field-control--standalone,
body.credit-page #inputSection #product.field-control--standalone.is-placeholder,
body.credit-page #inputSection #product.field-control--standalone.is-selected{
  min-height:44px !important;
  height:44px !important;
  line-height:44px !important;
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  gap:9px !important;
  min-height:73px !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  height:20px !important;
  min-height:20px !important;
  padding-left:13px !important;
  padding-right:8px !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  height:20px !important;
  min-height:20px !important;
  line-height:20px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport,
body.credit-page #inputSection #principalHint .field-choice-values,
body.credit-page #inputSection #rateHint .field-choice-values,
body.credit-page #inputSection #monthsHint .field-choice-values,
body.credit-page #inputSection #principalHint .field-choice-strip,
body.credit-page #inputSection #rateHint .field-choice-strip,
body.credit-page #inputSection #monthsHint .field-choice-strip{
  height:20px !important;
  min-height:20px !important;
  align-items:center !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  height:20px !important;
  min-height:20px !important;
  line-height:18px !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal,
body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  min-height:44px !important;
  height:44px !important;
}

body.credit-page #loanMoreOptionsToggleText,
body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output{
  font-size:15px !important;
  line-height:1.2 !important;
}

@media (max-width:430px){
  body.credit-page #inputSection .credit-grid{
    row-gap:9px !important;
  }

  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    gap:9px !important;
    min-height:73px !important;
  }
}

/* v5.11.1 final iOS visual reset: unified rails, controls, Details typography, and share divider. */
body.credit-page #inputSection .credit-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  row-gap:7px !important;
  padding:0 !important;
}

body.credit-page #inputSection .credit-grid > .field-row:first-child,
body.credit-page #inputSection .credit-grid > .field-row:first-child .field-input{
  display:block !important;
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection .credit-grid > .field-row:first-child .field-info,
body.credit-page #inputSection .credit-grid > .field-row:first-child .field-info--static,
body.credit-page #inputSection .credit-grid > .field-row:first-child .field-input::before,
body.credit-page #inputSection .credit-grid > .field-row:first-child .field-input::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.credit-page #inputSection #product.field-control--standalone,
body.credit-page #inputSection #product.field-control--standalone.is-placeholder,
body.credit-page #inputSection #product.field-control--standalone.is-selected{
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 52px 0 20px !important;
  border:1px solid rgba(9,9,121,0.25) !important;
  border-radius:999px !important;
  background-color:#FFFFFF !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  background-repeat:no-repeat !important;
  background-position:right 22px center, 0 0 !important;
  background-size:17px 10px, 100% 100% !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 8px 18px rgba(9,9,121,0.055) !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:46px !important;
  letter-spacing:0 !important;
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  width:100% !important;
  min-height:73px !important;
  height:73px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible{
  position:static !important;
  inset:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 14px !important;
  gap:8px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalHint::before,
body.credit-page #inputSection #rateHint::before,
body.credit-page #inputSection #monthsHint::before{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  color:#090979 !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:20px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #principalHint::before{content:"Shuma" !important;}
body.credit-page #inputSection #rateHint::before{content:"Interesi" !important;}
body.credit-page #inputSection #monthsHint::before{content:"Afati" !important;}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

body.credit-page #inputSection #principalHint .field-choice-values,
body.credit-page #inputSection #rateHint .field-choice-values,
body.credit-page #inputSection #monthsHint .field-choice-values,
body.credit-page #inputSection #principalHint .field-choice-strip,
body.credit-page #inputSection #rateHint .field-choice-strip,
body.credit-page #inputSection #monthsHint .field-choice-strip{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
  width:max-content !important;
  min-width:0 !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:1px solid rgba(9,9,121,0.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.62) !important;
  box-shadow:none !important;
  color:#5E6373 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected{
  border-color:rgba(9,9,121,0.24) !important;
  background:#FFFFFF !important;
  color:#111827 !important;
  font-weight:700 !important;
  box-shadow:0 1px 3px rgba(15,23,42,0.10) !important;
}

body.credit-page #inputSection #principalRow .field-input,
body.credit-page #inputSection #rateRow .field-input,
body.credit-page #inputSection #monthsRow .field-input,
body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 5px 0 16px !important;
  border:1px solid rgba(9,9,121,0.25) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 8px 18px rgba(9,9,121,0.055) !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry,
body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control{
  min-height:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:18px !important;
  font-weight:650 !important;
  line-height:44px !important;
}

body.credit-page #inputSection #principalRow .principal-currency-suffix,
body.credit-page #inputSection #rateRow .rate-unit-suffix{
  display:none !important;
}

body.credit-page #inputSection #principalRow .split-field-unit,
body.credit-page #inputSection #rateRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 136px !important;
  width:136px !important;
  min-width:136px !important;
  max-width:136px !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:3px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(118,118,128,0.16) !important;
  box-shadow:inset 0 1px 1px rgba(15,23,42,0.045) !important;
  transform:none !important;
  box-sizing:border-box !important;
}

body.credit-page #inputSection #monthsRow .split-field-unit,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex-basis:112px !important;
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:50% !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 4px rgba(15,23,42,0.16) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(100%) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option,
body.credit-page #inputSection #principalRow .currency-radio-text{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 6px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:32px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  min-width:0 !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 32px 0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:#FFFFFF !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 13px center !important;
  background-size:14px 8px !important;
  box-shadow:0 1px 4px rgba(15,23,42,0.16) !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:32px !important;
  text-align:left !important;
}

body.credit-page #loanMoreOptionsToggleText,
body.credit-page #loanMoreOptionsPanel .loan-more-date-label,
body.credit-page #loanMoreOptionsPanel .loan-more-date-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
}

body.credit-page #loanMoreOptionsToggle.loan-more-options-toggle{
  min-height:40px !important;
  height:40px !important;
}

body.credit-page .credit-actions{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:14px 16px 16px !important;
  border-top:1px solid rgba(229,231,235,0.95) !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-results-divider{
  display:none !important;
}

body.credit-page .credit-actions .btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-secondary.btn-share-ios{
  width:min(268px, 100%) !important;
  inline-size:min(268px, 100%) !important;
  max-width:268px !important;
  margin:0 auto !important;
  border-radius:999px !important;
}

@media (max-width:430px){
  body.credit-page #inputSection .credit-grid{
    gap:7px !important;
    row-gap:7px !important;
  }

  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    gap:7px !important;
    min-height:73px !important;
    height:73px !important;
  }

  body.credit-page #inputSection #principalHint,
  body.credit-page #inputSection #rateHint,
  body.credit-page #inputSection #monthsHint,
  body.credit-page #inputSection #principalHint.is-visible,
  body.credit-page #inputSection #rateHint.is-visible,
  body.credit-page #inputSection #monthsHint.is-visible{
    padding-left:14px !important;
    padding-right:8px !important;
  }

  body.credit-page #inputSection #principalRow .split-field-unit,
  body.credit-page #inputSection #rateRow .split-field-unit,
  body.credit-page #inputSection #principalRow .split-field-unit--select,
  body.credit-page #inputSection #rateRow .split-field-unit--dropdown{
    flex-basis:132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
  }

  body.credit-page #inputSection #monthsRow .split-field-unit,
  body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
    flex-basis:108px !important;
    width:108px !important;
    min-width:108px !important;
    max-width:108px !important;
  }
}

/* v5.11.1 desktop redesign: clean iOS-style calculator panel, independent from the older mobile look. */
@media (min-width:900px){
  body.credit-page:not(.shared-loan-view){
    background:#F5F6FA !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-wrap{
    width:100% !important;
    max-width:1440px !important;
    margin:0 auto !important;
    padding:18px clamp(20px, 2vw, 32px) 24px !important;
  }

  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap{
    display:grid !important;
    grid-template-columns:minmax(360px, 420px) minmax(0, 1fr) !important;
    grid-template-rows:auto 1fr !important;
    gap:18px !important;
    max-width:none !important;
    height:calc(100dvh - 88px) !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection{
    width:100% !important;
    max-width:460px !important;
    margin:0 auto !important;
    padding:16px !important;
    border:1px solid rgba(15,23,42,0.08) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,0.88) !important;
    box-shadow:0 18px 42px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.92) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }

  body.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    max-width:none !important;
    max-height:calc(100dvh - 124px) !important;
    margin:0 !important;
    overflow:auto !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    row-gap:12px !important;
    width:100% !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input::before,
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input::after,
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-info{
    content:none !important;
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone.is-placeholder,
  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone.is-selected{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 46px 0 18px !important;
    border:1px solid rgba(9,9,121,0.18) !important;
    border-radius:16px !important;
    background-color:#FFFFFF !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,252,0.96)) !important;
    background-repeat:no-repeat !important;
    background-position:right 18px center, 0 0 !important;
    background-size:17px 10px, 100% 100% !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.96) !important;
    color:#090979 !important;
    -webkit-text-fill-color:#090979 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:48px !important;
    letter-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
    display:grid !important;
    grid-template-rows:22px 48px !important;
    gap:6px !important;
    width:100% !important;
    min-height:76px !important;
    height:76px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    height:22px !important;
    min-height:22px !important;
    margin:0 !important;
    padding:0 4px 0 2px !important;
    gap:8px !important;
    transform:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{
    height:22px !important;
    min-height:22px !important;
    color:#090979 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:22px !important;
    letter-spacing:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip{
    height:22px !important;
    min-height:22px !important;
    align-items:center !important;
    gap:6px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-expand,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-expand,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-expand{
    height:22px !important;
    min-height:22px !important;
    padding:0 10px !important;
    border:1px solid rgba(9,9,121,0.12) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,0.72) !important;
    box-shadow:none !important;
    color:#5E6373 !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:20px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:rgba(9,9,121,0.18) !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.08) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .field-input,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .field-input,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .field-input,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field--principal{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 5px 0 16px !important;
    border:1px solid rgba(15,23,42,0.08) !important;
    border-radius:16px !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow input.split-field-control{
    min-height:46px !important;
    height:46px !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:19px !important;
    font-weight:650 !important;
    line-height:46px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .principal-currency-suffix,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .rate-unit-suffix{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit--dropdown,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit--dropdown{
    flex:0 0 136px !important;
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:3px !important;
    border:0 !important;
    border-radius:13px !important;
    background:rgba(118,118,128,0.14) !important;
    box-shadow:inset 0 1px 1px rgba(15,23,42,0.035) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit--dropdown{
    flex-basis:112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    height:32px !important;
    min-height:32px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:50% !important;
    border-radius:10px !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 3px rgba(15,23,42,0.12) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
    transform:translateX(100%) !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
    height:32px !important;
    min-height:32px !important;
    border:0 !important;
    background:transparent !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:32px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control{
    width:100% !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 30px 0 12px !important;
    border:0 !important;
    border-radius:10px !important;
    background-color:#FFFFFF !important;
    background-position:right 12px center !important;
    background-size:13px 8px !important;
    box-shadow:0 1px 3px rgba(15,23,42,0.12) !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:32px !important;
  }

  body.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    height:38px !important;
    min-height:38px !important;
    padding:0 4px !important;
  }

  body.credit-page:not(.shared-loan-view) #loanMoreOptionsToggleText,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-date-label,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-date-input,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-label,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-control,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-input,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-output,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-fee-rate-input,
  body.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-fee-rate-symbol{
    font-size:14px !important;
    line-height:1.2 !important;
  }
}

/* v5.11.1 EOF lock: iOS-proportioned capsules and static desktop loan workspace. */
body.credit-page{
  --loan-ios-panel-radius:24px;
  --loan-ios-control-radius:19px;
  --loan-ios-inner-radius:15px;
  --loan-ios-pill-radius:999px;
}

body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone{
  border-radius:var(--loan-ios-control-radius) !important;
}

body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
  border-radius:var(--loan-ios-control-radius) !important;
}

body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
  border-radius:var(--loan-ios-inner-radius) !important;
}

body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
  border-radius:var(--loan-ios-inner-radius) !important;
}

@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view),
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    background:#F5F6FA !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap,
  body.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-wrap{
    display:grid !important;
    grid-template-columns:396px minmax(0, 1fr) !important;
    grid-template-rows:auto 1fr !important;
    justify-content:start !important;
    align-content:start !important;
    align-items:start !important;
    column-gap:18px !important;
    row-gap:14px !important;
    width:100% !important;
    max-width:none !important;
    height:calc(100dvh - 88px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:18px !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:396px !important;
    min-width:396px !important;
    max-width:396px !important;
    height:auto !important;
    max-height:calc(100dvh - 166px) !important;
    margin:0 !important;
    padding:18px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:var(--loan-ios-panel-radius) !important;
    background:rgba(255,255,255,0.94) !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
    overflow:auto !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
    row-gap:20px !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child,
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child .field-input{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 50px 0 22px !important;
    border:1px solid rgba(9,9,121,0.17) !important;
    border-radius:var(--loan-ios-control-radius) !important;
    background-color:#FFFFFF !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
      linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%) !important;
    background-repeat:no-repeat !important;
    background-position:right 22px center, 0 0 !important;
    background-size:17px 10px, 100% 100% !important;
    color:#090979 !important;
    -webkit-text-fill-color:#090979 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:58px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
    display:grid !important;
    grid-template-rows:24px 58px !important;
    gap:8px !important;
    width:100% !important;
    min-height:90px !important;
    height:90px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint,
  body.credit-page:not(.shared-loan-view) #rateHint,
  body.credit-page:not(.shared-loan-view) #monthsHint,
  body.credit-page:not(.shared-loan-view) #principalHint.is-visible,
  body.credit-page:not(.shared-loan-view) #rateHint.is-visible,
  body.credit-page:not(.shared-loan-view) #monthsHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint.is-visible,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint.is-visible{
    position:static !important;
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    align-items:center !important;
    column-gap:9px !important;
    width:100% !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 2px !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint::before{ content:"Shuma" !important; }
  body.credit-page:not(.shared-loan-view) #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint::before{ content:"Interesi" !important; }
  body.credit-page:not(.shared-loan-view) #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint::before{ content:"Afati" !important; }

  body.credit-page:not(.shared-loan-view) #principalHint::before,
  body.credit-page:not(.shared-loan-view) #rateHint::before,
  body.credit-page:not(.shared-loan-view) #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint::before{
    height:24px !important;
    color:#090979 !important;
    font-size:14px !important;
    font-weight:650 !important;
    line-height:24px !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #rateHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-info-scroll-viewport{
    width:100% !important;
    min-width:0 !important;
    height:24px !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #rateHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #principalHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #rateHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-choice-strip{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:24px !important;
    min-height:24px !important;
    padding:0 11px !important;
    border:1px solid rgba(148,163,184,0.34) !important;
    border-radius:var(--loan-ios-pill-radius) !important;
    background:rgba(255,255,255,0.62) !important;
    box-shadow:none !important;
    color:#5F6878 !important;
    font-size:12px !important;
    font-weight:650 !important;
    line-height:22px !important;
    white-space:nowrap !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice.is-selected,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice.is-selected,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice.is-selected{
    border-color:rgba(9,9,121,0.20) !important;
    background:#FFFFFF !important;
    color:#111827 !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.08) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .field-input,
  body.credit-page:not(.shared-loan-view) #rateRow .field-input,
  body.credit-page:not(.shared-loan-view) #monthsRow .field-input,
  body.credit-page:not(.shared-loan-view) #principalRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field--principal,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .field-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field--principal{
    height:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 6px 0 20px !important;
    border:1px solid rgba(9,9,121,0.12) !important;
    border-radius:var(--loan-ios-control-radius) !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFF 100%) !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.98) !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:56px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #rateRow input.split-field-control,
  body.credit-page:not(.shared-loan-view) #monthsRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow input.split-field-control{
    height:56px !important;
    min-height:56px !important;
    padding:0 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:17px !important;
    font-weight:600 !important;
    line-height:56px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .principal-currency-suffix,
  body.credit-page:not(.shared-loan-view) #rateRow .rate-unit-suffix,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .principal-currency-suffix,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .rate-unit-suffix{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    flex:0 0 auto !important;
    width:166px !important;
    min-width:166px !important;
    max-width:166px !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:4px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:var(--loan-ios-inner-radius) !important;
    background:rgba(118,118,128,0.12) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit{
    width:152px !important;
    min-width:152px !important;
    max-width:152px !important;
  }

  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit--select::after,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit--select::after{
    content:none !important;
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    height:38px !important;
    border:0 !important;
    border-radius:calc(var(--loan-ios-inner-radius) - 2px) !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:50% !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:calc(var(--loan-ios-inner-radius) - 3px) !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
    transform:translateX(0) !important;
    transition:transform 160ms ease !important;
    pointer-events:none !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group[data-currency="EUR"]::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
    transform:translateX(100%) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:38px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:38px !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 29px 0 15px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:calc(var(--loan-ios-inner-radius) - 3px) !important;
    background-color:#FFFFFF !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpath d='M1.5 1.5L6.5 6.5L11.5 1.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 12px center !important;
    background-size:13px 8px !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:38px !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-actions,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    width:396px !important;
    min-width:396px !important;
    max-width:396px !important;
    margin:0 !important;
    padding:14px 0 0 !important;
    border-top:1px solid rgba(148,163,184,0.20) !important;
    background:#FFFFFF !important;
    justify-content:center !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:calc(100dvh - 124px) !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface.is-hidden{
    display:block !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider{
    display:none !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    border-radius:18px !important;
    background:#FFFFFF !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08) !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden{
    display:block !important;
    visibility:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    padding:10px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.credit-page:not(.shared-loan-view) .loan-table,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    table-layout:fixed !important;
  }
}

/* v5.11.1 spacing correction: equalize info rows and lift Afati capsules into line. */
@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view) #inputSection .credit-grid,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    gap:26px !important;
    row-gap:26px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
    grid-template-rows:24px 58px !important;
    row-gap:8px !important;
    min-height:90px !important;
    height:90px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint{
    align-items:center !important;
    height:24px !important;
    min-height:24px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{
    display:flex !important;
    align-items:center !important;
    height:24px !important;
    line-height:24px !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport{
    display:flex !important;
    align-items:center !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip{
    align-items:center !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
    position:relative !important;
    top:0 !important;
    transform:none !important;
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* v5.11.1 final corner lock: 12px main capsules, proportional inner iOS controls. */
body.credit-page{
  --loan-ios-control-radius:12px;
  --loan-ios-inner-radius:10px;
  --loan-ios-selected-radius:8px;
}

@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    height:58px !important;
    min-height:58px !important;
    border-radius:12px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    height:46px !important;
    min-height:46px !important;
    border-radius:10px !important;
    background:rgba(118,118,128,0.11) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice{
    border-radius:10px !important;
  }
}

/* v5.11.1 EOF capsule harmony lock: product, value capsules, and unit pills share one geometry. */
@media (min-width:1180px){
  body.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #product.field-control--standalone,
  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    border:1px solid rgba(9,9,121,0.17) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFF 100%) !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), inset 0 1px 0 rgba(255,255,255,0.98) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body{
    padding:0 6px 0 22px !important;
    gap:10px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry{
    height:56px !important;
    min-height:56px !important;
    align-items:center !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    height:46px !important;
    min-height:46px !important;
    padding:4px !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:12px !important;
    background:rgba(118,118,128,0.11) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-unit{
    width:166px !important;
    min-width:166px !important;
    max-width:166px !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-unit{
    width:152px !important;
    min-width:152px !important;
    max-width:152px !important;
  }

  body.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-unit{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-group::before{
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:50% !important;
    height:auto !important;
    border:1px solid rgba(9,9,121,0.10) !important;
    border-radius:8px !important;
    background:#FFFFFF !important;
    box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
  }

  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
    line-height:38px !important;
  }

  body.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-select-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-select-control{
    height:38px !important;
    min-height:38px !important;
    border-radius:8px !important;
    line-height:38px !important;
  }
}

/* v5.11.1 true EOF visual cleanup: balanced spacing and linear info capsules. */
body.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
  gap:0 !important;
  row-gap:0 !important;
}

body.credit-page:not(.shared-loan-view) #inputSection .credit-grid > .field-row:first-child{
  margin-bottom:26px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow.field-row,
body.credit-page:not(.shared-loan-view) #inputSection #rateRow.field-row{
  margin-bottom:26px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsRow.field-row{
  margin-bottom:16px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint.is-visible,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint.is-visible,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint.is-visible{
  position:static !important;
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
  width:100% !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 2px !important;
  transform:none !important;
  overflow:visible !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint::before,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint::before,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::before{
  display:flex !important;
  align-items:center !important;
  height:24px !important;
  line-height:24px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-strip,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-choice-range--spaced{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:max-content !important;
  max-width:100% !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
  position:relative !important;
  top:0 !important;
  transform:none !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 10px !important;
  line-height:22px !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice{
  padding-left:9px !important;
  padding-right:9px !important;
}

/* v5.11.1 true EOF quick-value capsule radius: match Zgjidh Produktin instead of full-round pills. */
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-expand,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-expand,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-expand{
  border-radius:12px !important;
}

/* v5.11.1 true EOF value capsule radius: main value input capsules, not info chips. */
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-body,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-body,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-body{
  border-radius:12px !important;
}

/* v5.11.1 true EOF currency segmented control reset: minimalist iOS style. */
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select{
  width:154px !important;
  min-width:154px !important;
  max-width:154px !important;
  height:42px !important;
  min-height:42px !important;
  padding:3px !important;
  border:1px solid rgba(9,9,121,0.10) !important;
  border-radius:10px !important;
  background:rgba(118,118,128,0.10) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after{
  content:none !important;
  display:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:50% !important;
  height:auto !important;
  border:1px solid rgba(9,9,121,0.10) !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.10) !important;
  transform:translateX(0) !important;
  transition:transform 160ms ease !important;
  pointer-events:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(100%) !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:34px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

/* v5.11.1 absolute EOF selected chip and unit-control polish. */
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected{
  position:relative !important;
  padding-left:24px !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  border-color:rgba(9,9,121,0.22) !important;
  background:#FFFFFF !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::after,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::after,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  min-width:7px !important;
  min-height:7px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#090979 !important;
  box-shadow:none !important;
  transform:translateY(-50%) !important;
  pointer-events:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit{
  border-color:transparent !important;
  background:rgba(118,118,128,0.12) !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control{
  border-color:transparent !important;
  background-color:#FFFFFF !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.09) !important;
}

/* v5.11.1 final UI cleanup: responsive info chips and minimalist iOS unit controls. */
body.credit-page:not(.shared-loan-view) #inputSection #principalHint,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint{
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-x:contain !important;
  touch-action:pan-x !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background:transparent !important;
  box-shadow:none !important;
  scrollbar-width:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport::-webkit-scrollbar,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint::after,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint::after,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint::after,
body.credit-page:not(.shared-loan-view) #inputSection .field-choice-values::before,
body.credit-page:not(.shared-loan-view) #inputSection .field-choice-values::after,
body.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport::before,
body.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-values::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-values::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection .field-choice-values,
body.credit-page:not(.shared-loan-view) #inputSection .field-choice-range,
body.credit-page:not(.shared-loan-view) #inputSection .field-choice-strip,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-values,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-range,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-strip{
  align-items:center !important;
  min-height:28px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection .field-fill-choice,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-fill-choice{
  position:relative !important;
  min-height:24px !important;
  height:24px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  color:#5f6675 !important;
  -webkit-text-fill-color:#5f6675 !important;
  background:rgba(255,255,255,0.72) !important;
  border:1px solid rgba(154,160,184,0.34) !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected{
  padding-left:25px !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  border-color:rgba(9,9,121,0.24) !important;
  background:#FFFFFF !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::before,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::before{
  content:"" !important;
  position:absolute !important;
  left:11px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#090979 !important;
  box-shadow:none !important;
  transform:translateY(-50%) !important;
  pointer-events:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::after,
body.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::after,
body.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalHint .field-fill-choice.is-selected::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateHint .field-fill-choice.is-selected::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsHint .field-fill-choice.is-selected::after{
  content:none !important;
  display:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select{
  width:176px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .split-field-unit--select::after{
  content:none !important;
  display:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:176px !important;
  height:42px !important;
  min-height:42px !important;
  padding:3px !important;
  gap:4px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
  content:"" !important;
  position:absolute !important;
  top:3px !important;
  left:3px !important;
  width:calc(50% - 5px) !important;
  height:36px !important;
  border:0 !important;
  border-radius:9px !important;
  background:rgba(118,118,128,0.16) !important;
  box-shadow:none !important;
  transform:translateX(0) !important;
  transition:transform 160ms ease, background-color 160ms ease !important;
  pointer-events:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(calc(100% + 4px)) !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:36px !important;
  letter-spacing:0 !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit{
  height:42px !important;
  min-height:42px !important;
  padding:3px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control{
  height:36px !important;
  min-height:36px !important;
  padding:0 32px 0 14px !important;
  border:0 !important;
  border-radius:9px !important;
  background-color:rgba(118,118,128,0.16) !important;
  box-shadow:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:36px !important;
  letter-spacing:0 !important;
}

/* v5.11.1 currency pill state: selected item grey capsule with blue text. */
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
  background:rgba(118,118,128,0.18) !important;
  border:0 !important;
  box-shadow:none !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
  color:#6b7280 !important;
  -webkit-text-fill-color:#6b7280 !important;
  font-weight:650 !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option:has(.currency-radio-input:checked) .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option:has(.currency-radio-input:checked) .currency-radio-text{
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  font-weight:700 !important;
}

/* v5.11.1 compact unit pill balance. */
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group{
  height:42px !important;
  min-height:42px !important;
  padding:5px !important;
  gap:4px !important;
  border-radius:12px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group::before{
  top:5px !important;
  left:5px !important;
  width:calc(50% - 7px) !important;
  height:32px !important;
  border-radius:8px !important;
  background:rgba(118,118,128,0.15) !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(calc(100% + 4px)) !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-option,
body.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #principalRow .currency-radio-text{
  height:32px !important;
  min-height:32px !important;
  border-radius:8px !important;
  line-height:32px !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .split-field-unit,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .split-field-unit{
  height:42px !important;
  min-height:42px !important;
  padding:5px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #rateRow .unit-select-control,
body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection #monthsRow .unit-select-control{
  height:32px !important;
  min-height:32px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  padding-left:13px !important;
  padding-right:30px !important;
  border-radius:8px !important;
  background-color:rgba(118,118,128,0.15) !important;
  line-height:32px !important;
}