*{box-sizing:border-box;}
:root{
  --credit-viewport-offset:0px;
  --credit-fixed-header-top:0px;
  --mobile-fixed-header-top:0px;
  --mobile-visual-viewport-top:0px;
  --credit-page-padding:16px;
  --credit-panel-padding:24px;
  --credit-grid-gap:14px;
  --credit-mobile-page-padding:16px;
  --credit-mobile-panel-padding:0px;
  --credit-mobile-grid-gap:10px;
  --credit-mobile-table-width:510px;
  --mobile-keyboard-inset:0px;
  --credit-field-height:42px;
  --credit-field-row-height:54px;
  --credit-field-radius:10px;
  --credit-field-padding-x:12px;
  --credit-field-font-size:0.95rem;
  --credit-field-inner-gap:0px;
  --credit-field-body-pad-right:5px;
  --credit-field-value-pad-x:12px;
  --credit-field-unit-min-width:68px;
  --credit-accent-soft:#090979;
  --credit-accent-border:1.6px;
  --credit-accent-icon-size:17px;
  --credit-success-soft:#16a34a;
  --credit-field-label-width:40%;
  --credit-field-shell-border:var(--ui-border);
  --credit-field-shell-shadow:none;
  --credit-field-label-bg:rgba(148,163,184,0.06);
  --credit-field-input-bg:#f1f3f5;
  --credit-content-inset:22px;
  --credit-content-inset-right:22px;
  --credit-inline-icon-size:20px;
  --credit-inline-icon-gap:6px;
  --credit-inline-action-end-offset:16px;
  --credit-white-capsule-height:48px;
  --credit-gray-capsule-top:8px;
  --credit-info-chip-height:24px;
  --credit-info-chip-font-size:0.66rem;
  --credit-info-chip-padding-x:10px;
}

/* Credit page layout */
.credit-page{
  min-height:100vh;
  padding:var(--credit-page-padding) !important;
  padding-top:calc(var(--credit-page-padding) + 14px) !important;
  padding-bottom:calc(var(--credit-page-padding) + var(--mobile-keyboard-inset)) !important;
  background:#ffffff !important;
  color:var(--ui-text) !important;
  scroll-padding-top:18px;
  scroll-padding-bottom:calc(150px + var(--mobile-keyboard-inset));
}
body.mobile-top-shell-active.credit-page{
  padding-top:calc(var(--mobile-top-shell-header-safe-height) + 8px) !important;
}
body.keyboard-open .credit-page{
  overscroll-behavior-y:contain;
}
.credit-wrap{
  max-width:1180px;
  margin:0 auto;
}
.credit-panel,
.table-panel{
  padding:var(--credit-panel-padding) !important;
}
.credit-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--credit-grid-gap);
}
.field-label{
  display:block;
  font-size:1rem;
  font-weight:600;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.field-control{
  width:100%;
  margin-top:0 !important;
  padding:10px var(--credit-field-value-pad-x) !important;
  border-radius:var(--credit-field-radius) !important;
  height:var(--credit-field-height);
  font-size:var(--credit-field-font-size);
}
.field-control--standalone{
  display:block;
  margin-top:0 !important;
  min-height:var(--credit-field-height);
  border:1px solid var(--credit-field-shell-border) !important;
  background:var(--credit-field-input-bg) !important;
  box-shadow:var(--credit-field-shell-shadow) !important;
}
select.field-control--standalone{
  appearance:auto;
  -webkit-appearance:menulist;
}
#product.field-control--standalone{
  min-height:var(--credit-white-capsule-height);
  height:var(--credit-white-capsule-height);
  line-height:calc(var(--credit-white-capsule-height) - 2px);
  padding:0 34px 0 22px !important;
  border:none !important;
  border-bottom:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#70757a !important;
  font-size:16px;
  font-weight:400;
  letter-spacing:-0.01em;
  text-transform:capitalize;
  appearance:none;
  -webkit-appearance:none;
  background-image:
    url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath fill='%23090979' d='M1.8 1.1L9 10l7.2-8.9'/%3E%3C/svg%3E\") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:18px 12px !important;
}
.credit-grid > .field-row:first-child .field-input{
  position:relative;
}
@keyframes productLinePulse{
  0%{
    opacity:.92;
    filter:brightness(1);
  }
  50%{
    opacity:1;
    filter:brightness(1.14);
  }
  100%{
    opacity:.92;
    filter:brightness(1);
  }
}
@keyframes productLineSheen{
  0%{
    background-position:0 0, -160% 0;
  }
  50%{
    background-position:0 0, 160% 0;
  }
  100%{
    background-position:0 0, -160% 0;
  }
}
.credit-grid > .field-row:first-child .field-input::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:
    linear-gradient(90deg, rgba(171,174,183,0.98) 0%, rgba(150,154,166,0.98) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.62) 46%, rgba(255,255,255,0.12) 52%, rgba(255,255,255,0) 72%);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%, 34% 100%;
  background-position:0 0, -160% 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.34) inset, 0 0 14px rgba(148,152,166,0.10);
  pointer-events:none;
  animation:productLinePulse 3.8s ease-in-out infinite, productLineSheen 5.6s ease-in-out infinite;
}
.credit-grid > .field-row:first-child .field-input::before{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  transform:translateY(-50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M6.5 9l4.5 4.5L15.5 9' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
  background-position:center;
  box-sizing:border-box;
  pointer-events:none;
  z-index:1;
}
#product.field-control--standalone:focus{
  border:none !important;
  background-image:
    url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath fill='%23090979' d='M1.8 1.1L9 10l7.2-8.9'/%3E%3C/svg%3E\") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:18px 12px !important;
  box-shadow:none !important;
}
.credit-grid > .field-row:first-child .field-input:focus-within::after{
  background:
    linear-gradient(90deg, rgba(103,108,140,0.98) 0%, rgba(67,74,120,1) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 18%, rgba(208,220,255,0.78) 46%, rgba(208,220,255,0.16) 52%, rgba(255,255,255,0) 72%);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%, 34% 100%;
  background-position:0 0, -160% 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.40) inset, 0 0 16px rgba(86,95,156,0.14);
}
.split-field{
  display:flex;
  align-items:stretch;
  width:100%;
  margin-top:2px;
  background:var(--credit-field-input-bg);
  border:1px solid var(--credit-field-shell-border);
  border-radius:var(--credit-field-radius);
  overflow:hidden;
  min-height:var(--credit-field-height);
  box-shadow:var(--credit-field-shell-shadow);
}
.split-field--principal{
  background:#ffffff;
  border:1px solid rgba(182,182,182,0.96);
  border-radius:var(--credit-field-radius);
  box-shadow:none;
  gap:0;
  overflow:visible;
  align-items:center;
  position:relative;
  z-index:2;
  transition:border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.split-field--principal.is-valid{
  border-color:rgba(22,163,74,0.78);
  box-shadow:0 0 0 1px rgba(22,163,74,0.18);
}
.split-field--principal.is-invalid{
  border-color:rgba(229,87,87,0.76);
  box-shadow:0 0 0 1px rgba(229,87,87,0.12);
}
.split-field--principal .split-field-label{
  position:relative;
  left:auto;
  bottom:auto;
  z-index:1;
  flex:0 0 25%;
  min-width:96px;
  width:auto;
  min-height:var(--credit-white-capsule-height);
  justify-content:flex-start;
  padding:0 16px 0 var(--credit-content-inset);
  background:transparent;
  border-right:none;
  color:#6e6e6e;
  font-size:16px;
  font-weight:400;
  letter-spacing:-0.01em;
  pointer-events:none;
}
.split-field--principal .split-field-label::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1.6px;
  height:28px;
  transform:translateY(-50%);
  background:rgba(211,211,211,0.98);
  transition:background-color .22s ease, box-shadow .22s ease, opacity .22s ease;
}
.split-field--principal.is-valid .split-field-label::after{
  background:rgba(22,163,74,0.88);
  box-shadow:0 0 0 1px rgba(22,163,74,0.08);
}
.split-field--principal.is-invalid .split-field-label::after{
  background:rgba(229,87,87,0.88);
  box-shadow:0 0 0 1px rgba(229,87,87,0.06);
}
.split-field--principal .field-icon-badge{
  display:none !important;
}
.split-field--principal .split-field-body{
  position:relative;
  flex:1 1 auto;
  width:auto;
  min-height:var(--credit-white-capsule-height);
  align-items:center;
  padding:0 8px 0 0;
  background:transparent;
  border-left:none;
  overflow:visible;
  transition:none;
}
.split-field--principal:focus-within{
  border-color:rgba(182,182,182,0.96);
  box-shadow:none;
  z-index:2;
}
.split-field--principal .split-field-control{
  min-height:calc(var(--credit-white-capsule-height) - 2px);
  font-size:17px;
  font-weight:600;
  color:#111111;
}
.split-field--principal .split-field-body input.split-field-control{
  padding-left:18px !important;
  padding-right:4px !important;
}
.split-field--principal .split-field-unit{
  gap:3px;
  margin-left:0;
  margin-right:1px;
  color:#777777;
  font-size:16px;
  font-weight:400;
}
.split-field--principal .split-field-unit--select{
  position:relative;
  min-width:74px;
  padding-left:2px;
  border-left:none;
}
.split-field--principal .split-field-unit--select::after{
  right:0;
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M6.5 9l4.5 4.5L15.5 9' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.split-field--principal .split-field-unit-select{
  min-width:74px;
  height:36px;
  padding:0 18px 0 0 !important;
  color:#777777 !important;
  font-size:16px !important;
  font-weight:400 !important;
  text-align:left;
}
.split-field--principal .split-field-clear{
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  border:none;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M8 8l6 6M14 8l-6 6' fill='none' stroke='%23090979' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
  color:transparent;
  font-size:0;
  flex:0 0 var(--credit-inline-icon-size);
  margin-right:1px;
}.split-field--principal .split-field-clear:hover{
  background:rgba(9,9,121,0.08);
}
.split-field-body{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 60%;
  min-width:0;
  min-height:var(--credit-field-height);
  border-left:1px solid rgba(148,163,184,0.18);
  padding:0 var(--credit-field-body-pad-right) 0 0;
  background:transparent;
}
.split-field-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 40%;
  min-height:var(--credit-field-height);
  padding:0 var(--credit-field-padding-x);
  font-size:0.88rem;
  font-weight:600;
  color:var(--ui-muted);
  background:var(--credit-field-label-bg);
  border-right:1px solid rgba(148,163,184,0.18);
}
.split-field-label-text{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.split-field-label--stacked{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.split-field-label-main{
  display:inline;
}
.split-field-label-sub{
  display:inline;
  font-size:0.68rem;
  font-weight:500;
  line-height:1.12;
  color:var(--ui-muted);
  white-space:nowrap;
}
#monthsHintInline{
  display:none !important;
}
.split-field-control{
  margin-top:0 !important;
  border:none !important;
  border-left:1px solid rgba(148,163,184,0.18) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-height:var(--credit-field-height);
}
.split-field input.split-field-control,
.split-field select.split-field-control{
  padding-left:var(--credit-field-value-pad-x) !important;
  padding-right:var(--credit-field-value-pad-x) !important;
  font-weight:600;
  color:var(--ui-text);
}
.split-field-body input.split-field-control,
.split-field-body select.split-field-control{
  flex:1 1 auto;
  min-width:0;
  border-left:none !important;
  padding-right:4px !important;
  text-align:right;
}
.split-field-unit{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  min-height:var(--credit-field-height);
  padding:0;
  font-size:0.84rem;
  font-weight:600;
  color:var(--ui-muted);
  background:transparent;
  border-left:none;
  gap:var(--credit-field-inner-gap);
  margin-left:var(--credit-field-inner-gap);
}
.split-field-unit--select{
  position:relative;
  margin-left:var(--credit-field-inner-gap);
  padding-right:0;
  min-width:var(--credit-field-unit-min-width);
}
.split-field-unit--select::after{
  content:"";
  position:absolute;
  right:4px;
  top:50%;
  width:9px;
  height:5px;
  transform:translateY(-50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath fill='%23090979' d='M0.8 0.7L4.5 4l3.7-3.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:9px 5px;
  pointer-events:none;
}
.split-field-unit-select{
  width:100%;
  min-width:var(--credit-field-unit-min-width);
  max-width:none;
  height:calc(var(--credit-field-height) - 10px);
  margin:0 !important;
  padding:0 12px 0 0 !important;
  border:none !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ui-muted) !important;
  font-size:0.82rem !important;
  font-weight:600 !important;
  text-align:right;
  appearance:none;
  -webkit-appearance:none;
  background-image:none !important;
}
.split-field-unit-select:focus{
  outline:none !important;
  border:none !important;
  box-shadow:none !important;
}
.split-field-clear{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  border:var(--credit-accent-border) solid var(--credit-accent-soft);
  border-radius:999px;
  padding:0;
  background:transparent;
  color:var(--credit-accent-soft);
  font-size:0.62rem;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  order:2;
  flex:0 0 auto;
}
.split-field-clear svg,
.field-icon-badge svg{
  display:block;
  width:10px;
  height:10px;
  stroke-width:3;
}
.split-field-clear:hover{
  background:rgba(9,9,121,0.08);
}
.split-field-clear:focus-visible{
  outline:2px solid var(--ui-primary);
  outline-offset:2px;
}
.split-field-control:focus{
  box-shadow:none !important;
}
.split-field-control.is-valid,
.split-field-control.is-invalid{
  box-shadow:none !important;
}
.currency-select-native{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.field-row{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  align-items:start;
  min-height:var(--credit-field-row-height);
  transition:padding-top .32s cubic-bezier(.22,.61,.36,1), border-top-left-radius .32s cubic-bezier(.22,.61,.36,1), border-top-right-radius .32s cubic-bezier(.22,.61,.36,1);
  scroll-margin-top:18px;
  scroll-margin-bottom:calc(120px + var(--mobile-keyboard-inset));
}
.credit-grid > .field-row:not(:first-child){
  margin-top:8px;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  transition:border-color .28s ease, box-shadow .28s ease, background-color .28s ease, border-radius .32s cubic-bezier(.22,.61,.36,1);
  overflow:visible;
  position:relative;
}
.credit-grid > .field-row.field-row--has-info:not(:first-child){
  padding:0;
  border:0;
  border-top-left-radius:var(--credit-field-radius);
  border-top-right-radius:var(--credit-field-radius);
  border-bottom-left-radius:var(--credit-field-radius);
  border-bottom-right-radius:var(--credit-field-radius);
  background:transparent;
}
.field-input{
  grid-row:2;
  min-width:0;
  padding:0 0 0 0;
}
.field-info{
  grid-row:1;
  min-width:0;
  margin:0 !important;
  padding:0 var(--credit-content-inset);
  border:none;
  border-radius:0;
  background:transparent;
  color:#747474;
  font-size:0.78rem;
  line-height:1.2;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  text-align:right;
  overflow:hidden;
  white-space:normal;
  word-break:break-word;
  max-height:0;
  opacity:0;
  transform:translateY(-3px);
  transition:max-height .32s cubic-bezier(.22,.61,.36,1), opacity .24s ease, padding .32s cubic-bezier(.22,.61,.36,1), transform .32s cubic-bezier(.22,.61,.36,1);
}
.field-info.is-visible{
  max-height:280px;
  opacity:1;
  min-height:24px;
  padding:4px var(--credit-content-inset);
  overflow:visible;
  transform:translateY(0);
}
.credit-grid > .field-row:not(:first-child) .field-input{
  padding:0 0 0 0;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal{
  width:calc(100% + 1.4px);
  margin:0 -0.7px -0.7px;
  border-bottom-left-radius:var(--credit-field-radius);
  border-bottom-right-radius:var(--credit-field-radius);
}
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-body{
  margin:0;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-label,
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-body{
  z-index:2;
}
.credit-grid > .field-row#disbursementRow{
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
}
.credit-grid > .field-row#disbursementRow .field-info{
  display:none;
}
.credit-grid > .field-row#disbursementRow .split-field--principal{
  align-items:center;
  margin:0;
}
.credit-grid > .field-row#disbursementRow .split-field--principal .split-field-body{
  margin:0;
}
.credit-grid > .field-row:not(:first-child) .field-info-label{
  display:none;
}
.credit-grid > .field-row:not(:first-child) .split-field{
  margin-top:0;
}
.credit-grid > .field-row:not(:first-child) .split-field-label{
  padding-left:var(--credit-content-inset);
}
.credit-grid > .field-row:not(:first-child) .split-field-unit{
  padding-right:0;
}
.credit-grid > .field-row:not(:first-child) .split-field-clear{
  margin-left:4px;
}
.field-info-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-right:6px;
  border-radius:999px;
  background:transparent;
  border:var(--credit-accent-border) solid var(--credit-accent-soft);
  color:var(--credit-accent-soft);
  font-weight:700;
  font-size:0.68rem;
  line-height:1;
  vertical-align:middle;
}
.field-icon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  border-radius:999px;
  background:transparent;
  font-weight:700;
  line-height:1;
  flex:0 0 auto;
  opacity:0;
  visibility:hidden;
}
.field-icon-badge--success{
  border:var(--credit-accent-border) solid var(--credit-success-soft);
  color:var(--credit-success-soft);
  font-size:0.62rem;
}
.field-icon-badge.is-visible{
  opacity:1;
  visibility:visible;
}
.field-icon-badge svg{
  width:9px;
  height:9px;
}
.field-info .rate{
  color:var(--credit-accent-soft) !important;
  font-weight:700;
}
.field-choice-range{
  display:inline-flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:0;
  vertical-align:middle;
  white-space:nowrap;
}
.field-choice-strip{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  text-align:left;
}
.field-choice-item{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
.field-choice-range--extra,
.field-choice-strip:not(.is-expanded) .field-choice-range--extra{
  display:none;
}
.field-choice-strip.is-expanded .field-choice-range--extra{
  display:inline-flex;
}
.field-choice-strip--expandable{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  padding-top:0;
}
.field-choice-strip.is-expanded:not(.field-choice-strip--expandable){
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  justify-items:stretch;
  justify-content:stretch;
  align-items:center;
  gap:6px 8px;
  padding-top:2px;
}
.field-choice-values{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:0 6px;
  margin-left:auto;
  min-width:0;
}
.field-choice-strip--expandable.is-expanded .field-choice-range--extra{
  display:inline-flex;
}
.field-choice-strip--expandable .field-choice-item,
.field-choice-strip.is-expanded .field-choice-item{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
.field-choice-strip--expandable .field-choice-range,
.field-choice-strip.is-expanded .field-choice-range{
  display:inline-flex;
}
.field-choice-strip.is-expanded .field-choice-separator{
  display:none;
}
.field-choice-divider{
  display:inline-flex;
  align-items:center;
  color:#747474;
  font-weight:700;
  margin:0 8px;
  font-size:inherit;
  line-height:1;
}
.field-choice-value-cell{
  display:inline-flex;
  min-width:0;
}
.field-choice-amount-cell--range{
  width:100%;
}
.field-choice-strip .field-choice-list-separator{
  display:none;
}
.field-choice-separator{
  margin:0 3px;
  color:#7a7a7a;
  font-weight:700;
  font-size:inherit;
  line-height:1;
}
.field-choice-amount-split{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:4px;
}
.field-choice-amount-split .field-fill-choice--amount-bound{
  min-width:max-content;
  font-variant-numeric:tabular-nums;
}
.field-choice-amount-split .field-choice-separator{
  flex:0 0 auto;
  margin:0 1px;
  color:#7a7a7a;
  font-weight:700;
}
#principalHint .field-choice-amount-cell{
  position:relative;
}
#principalHint .field-choice-amount-cell--range-end::after{
  position:absolute;
  top:50%;
  transform:translate(50%, -50%);
  color:#747474;
  font-size:inherit;
  font-weight:700;
  line-height:1;
  pointer-events:none;
}
#principalHint .field-choice-amount-cell--range-end::after{
  content:none;
}

@media (max-width:1199px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-inline-label-width:82px;
    --field-info-inline-label-gap:6px;
  }

  #principalRow .split-field--principal,
  #rateRow .split-field--principal,
  #monthsRow .split-field--principal{
    grid-template-columns:minmax(0, 1fr) !important;
  }

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

  #principalRow .split-field-body,
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    grid-column:1 !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:var(--field-info-inline-label-gap) !important;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:0 !important;
    text-align:left !important;
  }

  #principalHint::before,
  #rateHint::before,
  #monthsHint::before{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 var(--field-info-inline-label-width);
    min-width:0;
    height:var(--credit-info-chip-height);
    color:#6c6f73;
    font-size:var(--credit-mobile-font-label);
    font-weight:400;
    line-height:1;
    white-space:nowrap;
  }

  #principalHint::before{content:"Shuma";}
  #rateHint::before{content:"Interesi";}
  #monthsHint::before{content:"Afati";}

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport{
    flex:1 1 auto;
    min-width:0;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:0 !important;
  }

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    width:auto !important;
    max-width:100% !important;
    grid-template-columns:none !important;
  }
}

@media (max-width:390px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-inline-label-width:72px;
    --field-info-inline-label-gap:5px;
  }
}
.field-choice-list-separator{
  display:inline-flex;
  align-items:center;
  margin:0 8px;
  color:#747474;
  font-weight:700;
}
.field-info-expand{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:var(--credit-info-chip-height);
  padding:2px var(--credit-info-chip-padding-x);
  margin:1px 8px 1px 0;
  border:1px solid rgba(9,9,121,0.22);
  border-radius:999px;
  background:#ffffff;
  color:var(--credit-accent-soft);
  font:inherit;
  font-size:var(--credit-info-chip-font-size);
  font-weight:700;
  line-height:1.15;
  cursor:pointer;
  white-space:nowrap;
}
.field-choice-strip--expandable .field-info-expand,
.field-choice-strip.is-expanded .field-info-expand{
  margin-top:1px;
  margin-right:0;
  width:auto;
  min-width:0;
}
.field-choice-strip--expandable .field-info-expand{
  min-height:var(--credit-info-chip-height);
  padding-left:5px;
  padding-right:5px;
  gap:2px;
}
.field-info-expand svg{
  width:14px;
  height:14px;
  stroke-width:2.3;
  transition:transform .18s ease;
}
.field-info-expand[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.field-info-expand:hover,
.field-info-expand:focus-visible{
  border-color:rgba(9,9,121,0.42);
  background:rgba(9,9,121,0.06);
}
.field-fill-choice{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--credit-info-chip-height);
  padding:2px var(--credit-info-chip-padding-x);
  margin:1px 0;
  border:1px solid rgba(9,9,121,0.24);
  border-radius:999px;
  background:rgba(9,9,121,0.05);
  color:var(--credit-accent-soft);
  font:inherit;
  font-size:var(--credit-info-chip-font-size);
  font-weight:700;
  line-height:1.15;
  cursor:pointer;
  white-space:nowrap;
}
.field-choice-strip--expandable .field-fill-choice,
.field-choice-strip.is-expanded .field-fill-choice{
  width:auto;
  min-width:0;
  overflow:hidden;
  text-overflow:clip;
}
.field-choice-strip--expandable .field-fill-choice{
  min-height:22px;
  height:auto;
  white-space:nowrap;
  overflow-wrap:normal;
  line-height:1.15;
  font-size:inherit;
}
.field-fill-choice:hover,
.field-fill-choice:focus-visible{
  background:rgba(9,9,121,0.1);
  border-color:rgba(9,9,121,0.42);
}
.field-fill-choice:focus-visible{
  outline:2px solid rgba(9,9,121,0.22);
  outline-offset:2px;
}
.field-info--static{
  display:block;
}
.loan-more-options-row{
  position:relative;
  min-height:auto;
  margin-top:8px;
  gap:0;
}
.loan-more-options-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:
    linear-gradient(90deg, rgba(171,174,183,0.98) 0%, rgba(150,154,166,0.98) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.62) 46%, rgba(255,255,255,0.12) 52%, rgba(255,255,255,0) 72%);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%, 34% 100%;
  background-position:0 0, -160% 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.34) inset, 0 0 14px rgba(148,152,166,0.10);
  pointer-events:none;
  animation:productLinePulse 3.8s ease-in-out infinite, productLineSheen 5.6s ease-in-out infinite;
}
.loan-more-options-toggle{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:100%;
  min-height:var(--credit-white-capsule-height);
  height:var(--credit-white-capsule-height);
  padding:0 34px 0 var(--credit-content-inset);
  border:0;
  background:transparent;
  color:#70757a;
  font:inherit;
  font-size:16px;
  font-weight:400;
  line-height:calc(var(--credit-white-capsule-height) - 2px);
  letter-spacing:-0.01em;
  cursor:pointer;
}
.loan-more-options-toggle:hover,
.loan-more-options-toggle:focus-visible{
  color:var(--credit-accent-soft);
  outline:none;
}
.loan-more-options-toggle__mark{
  font-size:1.15rem;
  font-weight:500;
  line-height:1;
}
.loan-more-options-panel{
  display:none;
  margin-top:10px;
  padding:10px 0 0;
}
.loan-more-options-panel.is-open{
  display:block;
}
.loan-more-options-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
}
.loan-more-option-field{
  display:grid;
  grid-template-columns:minmax(150px,0.48fr) minmax(120px,0.52fr);
  align-items:center;
  gap:10px;
  min-height:38px;
  border-bottom:1px solid rgba(148,163,184,0.46);
}
.loan-more-option-label{
  color:#6c6f73;
  font-size:0.86rem;
  font-weight:600;
  line-height:1.1;
  white-space:nowrap;
}
.loan-more-option-control{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:38px;
  border-bottom:0;
  text-align:right;
}
.loan-more-option-input,
.loan-more-option-output{
  width:100%;
  max-width:220px;
  min-width:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#111827;
  font:inherit;
  font-size:0.92rem;
  font-weight:600;
  line-height:1.1;
  padding:0;
  outline:none;
  text-align:right;
}
.loan-more-option-input:focus{
  outline:none !important;
  box-shadow:none;
}
.loan-more-option-input:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
.loan-more-option-control:focus-within{
  border-bottom-color:transparent;
}
.loan-more-option-field:focus-within{
  border-bottom-color:rgba(9,9,121,0.46);
}#rateHint{
  white-space:normal;
  overflow:visible;
  flex-wrap:wrap;
  word-break:normal;
}
.credit-actions{
  display:flex;
  flex-wrap:nowrap;
  gap:14px;
  margin-top:30px;
  align-items:center;
  justify-content:space-between;
}
.credit-actions > .btn-min{
  flex:0 1 auto;
  width:auto;
  min-width:176px;
  min-height:48px;
  height:48px;
  justify-content:center;
  border-radius:36px !important;
  box-shadow:none !important;
}
.credit-actions > .btn-min.btn-primary{
  min-width:156px;
}
.credit-actions > .btn-min.btn-secondary{
  min-width:232px;
}
.btn-pad{
  padding:9px 22px !important;
}
.credit-panel{
  background:#f3f3f3 !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:24px !important;
}
.table-panel{
  background:#f1f3f5 !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.table-panel.is-hidden{
  display:none !important;
}
.credit-actions .btn-min{
  min-height:48px;
  height:48px;
  border-radius:36px !important;
  font-size:16px !important;
  font-weight:500 !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap;
}
.credit-actions .btn-min i,
.credit-actions .btn-min svg{
  display:inline-flex !important;
  width:18px !important;
  height:18px !important;
  stroke-width:2.1 !important;
  flex:0 0 auto;
}
.credit-actions .btn-primary,
.credit-actions .btn-secondary{
  border:1px solid rgba(17,24,39,0.10) !important;
}
.credit-actions .btn-primary{
  background:#ffffff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.98), 0 4px 10px rgba(9,9,121,0.05) !important;
  font-weight:600 !important;
}
.credit-actions .btn-secondary{
  background:#ffffff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.22) !important;
  box-shadow:none !important;
}
.credit-actions .btn-primary:hover{
  background:#fbfcff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.38) !important;
}
.credit-actions .btn-secondary:hover{
  background:#fbfbff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.32) !important;
}
.credit-actions .btn-secondary span{
  white-space:nowrap;
}
.credit-actions .btn-min:focus-visible{
  outline:2px solid rgba(9,9,121,0.35) !important;
}
.schedule-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  font-size:0.76rem;
  color:var(--ui-muted);
}
.table-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:auto;
}
.loan-table{
  min-width:100%;
  font-size:0.88rem;
  text-align:right;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid rgba(148,163,184,0.18);
  background:var(--ui-surface);
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}
.loan-table thead tr{
  background:linear-gradient(180deg,var(--ui-table-head) 0%, rgba(148,163,184,0.16) 100%) !important;
  color:var(--ui-text) !important;
}
.loan-table th,
.loan-table td{
  padding:10px 12px !important;
}
.loan-table th{
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.01em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(148,163,184,0.22);
}
.loan-table td{
  font-variant-numeric:tabular-nums;
}
.schedule-total-row{
  background:linear-gradient(180deg,rgba(37,99,235,0.15) 0%, rgba(59,130,246,0.09) 100%);
  font-weight:700;
}
.schedule-total-amount{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.12;
}
.schedule-total-amount__currency{
  font-size:0.72em;
  font-weight:600;
  color:var(--ui-muted);
  text-transform:lowercase;
}
.schedule-row--alt{
  background:rgba(148,163,184,0.08);
}
.schedule-row{
  background:rgba(255,255,255,0.94);
}
.schedule-row td{
  border-bottom:1px solid rgba(148,163,184,0.16);
}
.cell-center{
  text-align:center !important;
}
.mobile-th-stack{
  display:none;
}
.desktop-th-inline{
  display:inline;
}
.loan-meta,
.meta-note{
  margin-top:8px;
  font-size:0.76rem;
  color:var(--ui-muted);
}
#inputSection{padding:24px;}
#inputSection input,
#inputSection select{
  height:var(--credit-field-height);
  font-size:var(--credit-field-font-size);
}
#inputSection label{
  font-size:1rem;
}
#inputSection .input-hint{
  font-size:0.72rem;
  margin:0 0 2px;
}
#inputSection input{
  height:var(--credit-field-height);
  font-size:var(--credit-field-font-size);
}
#inputSection input[type="date"]{
  line-height:1.2;
  -webkit-appearance:none;
  appearance:none;
  text-align:right;
  direction:ltr;
}
#disbursement{
  min-height:var(--credit-field-height);
  height:var(--credit-field-height);
  line-height:1.2;
  margin-left:auto;
  font-size:17px !important;
  font-weight:600 !important;
}
#disbursement::-webkit-datetime-edit{
  text-align:right;
  font-size:inherit;
  font-weight:inherit;
}
#disbursement::-webkit-datetime-edit-fields-wrapper{
  display:flex;
  justify-content:flex-end;
  width:100%;
  font-size:inherit;
  font-weight:inherit;
}
#disbursement::-webkit-date-and-time-value{
  text-align:right;
  font-size:inherit;
  font-weight:inherit;
}
#disbursement::-webkit-calendar-picker-indicator{
  margin-left:8px;
}
#monthsHint{
  display:block !important;
}
.credit-actions .btn-min{
  min-height:48px;
  height:48px;
  padding:10px var(--credit-field-value-pad-x) !important;
  border-radius:24px !important;
  font-size:var(--credit-field-font-size) !important;
  font-weight:600 !important;
  font-family:var(--font-ui) !important;
  box-shadow:0 8px 18px rgba(15,23,42,0.12) !important;
}
.card-min.table-premium{
  padding-top:12px;
  margin-top:8px;
}
table{border-radius:0 !important;overflow:visible;}
thead tr{background:var(--ui-table-head) !important;}
tbody tr:hover td{background:rgba(59,130,246,0.08) !important;}
.page-title{
  font-size:clamp(1.22rem,1.55vw,1.5rem);
}
/* Desktop credit layout */
@media (min-width:1200px){
  .credit-panel{
    padding:12px !important;
  }
  .credit-grid{
    width:min(100%,41.6667%);
    margin-left:0;
    margin-right:0;
    gap:6px;
  }
  .credit-actions{
    width:min(100%,41.6667%);
    margin-left:0;
    margin-right:0;
    margin-top:14px;
    gap:10px;
  }
  .table-panel{
    width:min(100%,72%);
  }
  .loan-table{
    min-width:auto;
    width:100%;
    font-size:0.82rem;
    border-radius:0;
  }
  .loan-table th,
  .loan-table td{
    padding:8px 9px !important;
  }
  .loan-table th{
    font-size:0.72rem;
  }
  .loan-table th:nth-child(1),
  .loan-table td:nth-child(1){
    width:42px;
  }
  .loan-table th:nth-child(2),
  .loan-table td:nth-child(2){
    width:88px;
  }
  .field-row{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .field-input{
    grid-column:1;
    grid-row:2;
  }
  .field-info{
    grid-column:1;
    grid-row:1;
    display:flex;
    justify-content:flex-end;
    text-align:right;
    align-self:end;
  }
  #principalRow,
  #rateRow,
  #monthsRow{
    margin-top:4px;
    gap:4px;
  }
  #principalRow .field-info,
  #rateRow .field-info,
  #monthsRow .field-info{
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    max-height:var(--credit-info-chip-height);
    padding:0 var(--credit-content-inset);
    transform:none;
    align-items:center;
  }
  #principalRow .field-info.is-visible,
  #rateRow .field-info.is-visible,
  #monthsRow .field-info.is-visible{
    min-height:var(--credit-info-chip-height);
    height:auto;
    max-height:none;
    padding:0 var(--credit-content-inset);
    transform:none;
  }
  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values{
    align-items:center;
  }
  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice,
  #principalHint .field-fill-choice,
  #principalHint .field-info-expand{
    min-height:var(--credit-info-chip-height);
    font-size:var(--credit-info-chip-font-size);
    line-height:1.15;
  }
  .split-field-label--stacked{
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    gap:8px;
    padding-top:0;
    padding-bottom:0;
  }
  .split-field-label-main{
    line-height:1;
  }
  .split-field-control:not(input):not(select){
    min-height:var(--credit-field-height);
  }
}

/* Mobile credit layout */
@media (max-width:1199px){
  :root{
    --credit-content-inset:18px;
    --credit-content-inset-right:18px;
    --credit-mobile-page-padding:12px;
    --credit-mobile-grid-gap:8px;
    --credit-white-capsule-height:44px;
    --credit-gray-capsule-top:8px;
    --credit-field-height:40px;
    --credit-field-row-height:50px;
    --credit-inline-icon-size:18px;
    --credit-mobile-table-width:500px;
  }
  .split-field--principal .split-field-label{
    flex-basis:24%;
    min-width:88px;
    min-height:var(--credit-white-capsule-height);
    font-size:15px;
  }
  .split-field--principal .split-field-label::after{
    height:22px;
    transition:none;
  }
  .split-field--principal .split-field-body{
    min-height:var(--credit-white-capsule-height);
    padding-right:6px;
  }
  .split-field--principal .split-field-control{
    min-height:calc(var(--credit-white-capsule-height) - 2px);
    font-size:16px;
  }
  .split-field--principal .split-field-body input.split-field-control{
    padding-left:16px !important;
  }
  .split-field--principal .split-field-unit{
    font-size:15px;
  }
  .split-field--principal .split-field-unit--select{
    min-width:66px;
  }
  .split-field--principal .split-field-unit-select{
    min-width:66px;
    height:32px;
    font-size:15px !important;
  }
  .split-field--principal .split-field-unit--select::after,
  .split-field--principal .split-field-clear{
    width:18px;
    height:18px;
    background-size:18px 18px;
  }
  .field-info{
    font-size:0.74rem;
    padding:0 var(--credit-content-inset);
  }
  .field-choice-strip--expandable{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    justify-content:end;
    align-items:start;
    gap:6px;
  }
  .field-choice-strip.is-expanded:not(.field-choice-strip--expandable){
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
  }
  .field-choice-values{
    display:grid;
    grid-column:2;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    justify-content:stretch;
    flex:1 1 0;
    gap:6px;
    margin-left:0;
    width:100%;
  }
  .field-choice-values > .field-fill-choice,
  .field-choice-values .field-fill-choice,
  .field-choice-value-cell{
    max-width:100%;
    min-width:0;
  }
  .field-choice-value-cell{
    display:flex;
  }
  .field-choice-strip--expandable.is-expanded .field-choice-value-cell.field-choice-range--extra{
    display:flex;
  }
  #principalHint .field-choice-strip--expandable:not(.is-expanded) .field-choice-value-cell.field-choice-range--extra{
    display:none;
  }
  #principalHint .field-choice-strip--expandable.is-expanded .field-choice-value-cell.field-choice-range--extra{
    display:flex;
  }
  .field-choice-strip--expandable .field-choice-item{
    display:contents;
  }
  .field-choice-strip--expandable.is-expanded .field-choice-item.field-choice-range--extra{
    display:contents;
  }
  .field-choice-strip--expandable .field-choice-range{
    display:contents;
  }
  .field-choice-strip--expandable .field-choice-separator,
  .field-choice-strip--expandable .field-choice-range > span{
    display:none;
  }
  .field-choice-strip--expandable .field-choice-divider{
    display:none !important;
  }
  .field-choice-strip--expandable.is-expanded .field-choice-divider,
  .field-choice-strip--expandable.is-expanded .field-choice-divider.field-choice-range--extra{
    display:none !important;
  }
  #principalHint .field-choice-strip--expandable{
    grid-template-columns:auto minmax(0, 1fr);
    align-items:start;
  }
  #principalRow,
  #rateRow,
  #monthsRow{
    margin-top:4px;
    gap:4px;
  }
  #principalRow .field-info,
  #rateRow .field-info,
  #monthsRow .field-info{
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    max-height:var(--credit-info-chip-height);
    padding:0 var(--credit-content-inset);
    transform:none;
  }
  #principalRow .field-info.is-visible,
  #rateRow .field-info.is-visible,
  #monthsRow .field-info.is-visible{
    min-height:var(--credit-info-chip-height);
    height:auto;
    max-height:none;
    padding:0 var(--credit-content-inset);
    transform:none;
  }
  #principalHint .field-choice-strip--static{
    grid-template-columns:64px minmax(0, 1fr);
  }
  #principalHint .field-info-expand{
    grid-column:1;
    grid-row:1;
    min-width:64px;
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    padding:2px var(--credit-info-chip-padding-x);
    justify-self:start;
    justify-content:center;
    align-items:center;
    font-size:var(--credit-info-chip-font-size);
    font-weight:700;
    line-height:1.15;
    gap:3px;
  }
  #principalHint .field-info-expand svg{
    display:block;
    flex:0 0 auto;
    width:12px;
    height:12px;
  }
  #principalHint .field-choice-values{
    display:grid;
    grid-column:2;
    grid-row:1;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:center;
    gap:6px;
    justify-self:stretch;
    width:100%;
  }
  #principalHint .field-choice-amount-cell{
    display:flex;
    min-width:0;
  }
  #principalHint .field-choice-amount-cell .field-fill-choice{
    width:100%;
    min-width:0;
    height:var(--credit-info-chip-height);
    justify-content:center;
    padding-left:4px;
    padding-right:4px;
    font-size:var(--credit-info-chip-font-size);
    line-height:1.15;
  }
  #principalHint .field-choice-amount-cell--range-end::after{
    font-size:var(--credit-info-chip-font-size);
  }
  .field-choice-strip--expandable .field-fill-choice,
  .field-choice-strip--expandable .field-info-expand,
  .field-choice-strip.is-expanded .field-fill-choice,
  .field-choice-strip.is-expanded .field-info-expand{
    width:100%;
    min-width:0;
    padding-left:4px;
    padding-right:4px;
  }
  .field-choice-strip--expandable .field-fill-choice,
  .field-choice-strip--expandable .field-info-expand{
    width:auto;
  }
  .field-choice-strip--expandable .field-info-expand{
    padding-left:5px;
    padding-right:5px;
    gap:2px;
  }
  .field-choice-strip--expandable.is-expanded .field-fill-choice,
  .field-choice-strip--expandable.is-expanded .field-info-expand{
    width:100%;
  }
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    width:64px;
    align-self:start;
  }
  .field-choice-value-cell .field-fill-choice,
  .field-choice-strip--expandable .field-choice-range .field-fill-choice{
    width:100%;
    padding:2px var(--credit-info-chip-padding-x);
    font-size:var(--credit-info-chip-font-size);
    overflow:hidden;
    text-overflow:clip;
  }
  .field-choice-strip--expandable .field-fill-choice{
    font-size:var(--credit-info-chip-font-size);
  }
  #rateHint{
    font-size:var(--credit-info-chip-font-size);
  }.credit-grid > .field-row:not(:first-child){
    padding:0;
  }
  .credit-grid > .field-row.field-row--has-info:not(:first-child){
    padding:0;
  }
  .credit-page{
    overflow-x:hidden;
  }
  .credit-page{
    padding:var(--credit-mobile-page-padding) !important;
    padding-bottom:calc(var(--credit-mobile-page-padding) + var(--mobile-keyboard-inset) + env(safe-area-inset-bottom)) !important;
  }
  .credit-wrap{
    max-width:100%;
  }
  .page-title{
    font-size:1.08rem;
    gap:8px;
  }
  .page-description{
    font-size:0.69rem;
    line-height:1.4;
    margin:2px 0 10px 0;
  }
  .section-divider{
    margin:4px 0 10px;
  }
  .credit-grid{
    grid-template-columns:1fr;
    gap:var(--credit-mobile-grid-gap);
  }
  .credit-panel,
  .table-panel{
    padding:var(--credit-mobile-panel-padding) !important;
  }
  .credit-panel{
    width:calc(100% - (var(--credit-mobile-page-padding) * 2));
    margin-left:auto;
    margin-right:auto;
  }
  .table-panel{
    width:100%;
    margin-left:0;
    margin-right:0;
    max-width:100%;
    overflow:visible;
  }
  .table-scroll{
    max-width:100%;
    padding-bottom:2px;
    touch-action:auto;
  }
  .schedule-meta{
    flex-wrap:wrap;
    gap:4px 8px;
    font-size:0.66rem;
  }
  .loan-table{
    min-width:var(--credit-mobile-table-width);
    width:max(100%, var(--credit-mobile-table-width));
    font-size:0.7rem;
    table-layout:fixed;
    box-shadow:none;
    border-radius:0;
  }
  .loan-table th,
  .loan-table td{
    padding:5px 4px !important;
    white-space:nowrap;
  }
  .loan-table th{
    font-size:0.6rem;
  }
  .loan-table td{
    background:#ffffff;
  }
  .schedule-row td{
    background:#ffffff;
  }
  .schedule-row--alt td{
    background:rgba(148,163,184,0.14);
  }
  .schedule-total-row td{
    background:linear-gradient(180deg,rgba(37,99,235,0.16) 0%, rgba(59,130,246,0.10) 100%);
  }
  .loan-table th:nth-child(1),
  .loan-table td:nth-child(1){
    width:32px;
  }
  .loan-table th:nth-child(2),
  .loan-table td:nth-child(2){
    width:68px;
  }
  .loan-table th:nth-child(3),
  .loan-table td:nth-child(3),
  .loan-table th:nth-child(4),
  .loan-table td:nth-child(4){
    width:78px;
  }
  .loan-table th:nth-child(5),
  .loan-table td:nth-child(5){
    width:62px;
  }
  .loan-table th:nth-child(6),
  .loan-table td:nth-child(6){
    width:92px;
  }
  .mobile-th-stack{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1.05;
    white-space:normal;
  }
  .desktop-th-inline{
    display:none;
  }
  #inputSection{padding:14px;}
  #product.field-control--standalone{
    font-size:0.96rem;
  }
  .split-field-label--stacked{
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    gap:8px;
    padding-top:0;
    padding-bottom:0;
  }
  .split-field-label-main{
    line-height:1;
  }
  .field-row{
    gap:2px;
  }
  .split-field-control:not(input):not(select){
    min-height:var(--credit-field-height);
    display:flex;
    align-items:center;
  }
  .credit-actions{
    gap:8px;
    margin-top:14px;
  }
  .credit-actions > .btn-min{
    flex:1 1 0;
    width:auto;
    min-width:136px;
    max-width:160px;
    min-height:44px;
    height:44px;
  }
  .btn-pad{
    padding:8px 12px !important;
  }
  .split-field--principal,
  .credit-grid > .field-row:not(:first-child),
  .field-info,
  .schedule-row td,
  .schedule-row--alt td,
  .schedule-total-row td,
  .credit-actions .btn-min,
  .credit-actions .btn-min i,
  .credit-actions .btn-min svg{
    transition:none !important;
  }
  .split-field--principal:focus-within{
    border-color:rgba(182,182,182,0.96);
    box-shadow:none;
    z-index:2;
  }
  .split-field--principal.is-valid,
  .split-field--principal.is-invalid{
    box-shadow:none;
  }
  .split-field--principal.is-valid .split-field-label::after,
  .split-field--principal.is-invalid .split-field-label::after{
    box-shadow:none;
  }
  .split-field-clear:hover,
  .split-field--principal .split-field-clear:hover,
  .credit-actions .btn-primary:hover,
  .credit-actions .btn-secondary:hover{
    background:transparent !important;
  }
  .split-field-clear:focus-visible,
  .credit-actions .btn-min:focus-visible{
    outline:none !important;
    box-shadow:none !important;
  }
  .credit-actions .btn-min{
    font-size:14px !important;
    border-radius:28px !important;
    box-shadow:none !important;
  }
  .credit-actions .btn-min i,
  .credit-actions .btn-min svg{
    width:16px !important;
    height:16px !important;
  }
  .credit-actions .btn-primary{
    box-shadow:none !important;
  }
  .field-row,
  .credit-grid > .field-row:not(:first-child){
    scroll-margin-top:10px;
  }
}

.split-field--principal{
  display:flex;
  align-items:center;
  gap:10px;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  min-height:auto;
  overflow:visible;
}
.split-field--principal.is-valid,
.split-field--principal.is-invalid,
.split-field--principal:focus-within{
  border:none !important;
  box-shadow:none !important;
}
.split-field--principal .split-field-label{
  flex:0 0 22%;
  min-width:96px;
  max-width:132px;
  min-height:40px;
  padding:0 0 0 var(--credit-content-inset);
  background:transparent !important;
  border:none !important;
  color:#6e6e6e;
  font-size:16px;
  font-weight:400;
  line-height:1.1;
}
.split-field--principal .split-field-label::after{
  display:none !important;
}
.split-field--principal .split-field-body{
  flex:0 1 70%;
  max-width:70%;
  min-height:40px;
  padding:0 8px 0 0;
  background:#ffffff !important;
  border:1px solid rgba(182,182,182,0.96);
  border-radius:999px;
  overflow:hidden;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal{
  width:100%;
  margin:0;
}
.credit-grid > .field-row#disbursementRow .split-field--principal{
  margin:0;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-body{
  margin:0;
}
.split-field--principal.is-valid .split-field-body{
  border-color:rgba(22,163,74,0.78);
}
.split-field--principal.is-invalid .split-field-body{
  border-color:rgba(229,87,87,0.76);
}
.split-field--principal .split-field-control{
  min-height:38px;
}
.split-field--principal .split-field-body input.split-field-control{
  padding-left:12px !important;
}@media print{
  @page{
    margin:12mm;
  }
  body{background:#ffffff !important;}
  .credit-page{
    background:#ffffff !important;
    padding:0 !important;
  }
  .credit-wrap{
    max-width:none !important;
  }
  .credit-actions{
    display:none !important;
  }
  .page-title,
  .page-description,
  .section-divider,
  #inputSection,
  .table-panel,
  .schedule-meta,
  .loan-meta,
  .meta-note{
    display:block !important;
  }
  .page-title{
    font-size:1.45rem !important;
  }
  .page-description{
    margin-bottom:10px !important;
  }
  #inputSection{box-shadow:none !important;}
  .card-min{background:#ffffff !important;border:1px solid #e5e7eb !important;}
  .overflow-auto{overflow:visible !important;}
  .table-scroll{overflow:visible !important;}
  .table-panel{
    width:100% !important;
    margin-top:14px !important;
  }
  .loan-table{
    width:100% !important;
    min-width:100% !important;
    font-size:0.78rem !important;
  }
  table{page-break-inside:auto;}
  tr{page-break-inside:avoid;break-inside:avoid;}
}

/* simplify: remove card look on credit page */
#inputSection{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.card-min.table-premium{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:hidden !important;
  padding:0 !important;
}body.shared-loan-view #inputSection,
body.shared-loan-view .credit-actions,
body.shared-loan-view .loan-results-divider,
body.shared-loan-view #loanMeta,
body.shared-loan-view .meta-note,
body.shared-loan-view .mobile-top-shell{
  display:none !important;
}

body.shared-loan-view,
body.shared-loan-view.credit-page,
body.shared-loan-view.mobile-top-shell-active,
body.shared-loan-view.mobile-top-shell-active.credit-page{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  min-height:100vh !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:auto !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .credit-wrap{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:100vh !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body.shared-loan-view #loanResultsSurface,
body.shared-loan-view #resultsPanel{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.shared-loan-view .schedule-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 12px !important;
  border-bottom:1px solid rgba(60,60,67,0.16) !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .table-panel{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .table-scroll{
  width:100% !important;
  max-width:100% !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
}

/* cleanup: mobile-first safeguards against legacy overlap/overflow */
html,
body,
.credit-page{
  max-width:100%;
  overflow-x:hidden;
}

.credit-wrap,
.credit-panel,
.table-panel,
.credit-grid,
.field-row,
.field-input,
.split-field,
.split-field-label,
.split-field-body,
.credit-actions{
  min-width:0;
  max-width:100%;
}

input,
select,
button,
table{
  max-width:100%;
}

.table-scroll{
  max-width:100%;
}

@media (max-width:1199px){
  .credit-actions{
    gap:8px;
    justify-content:space-between;
  }

  .credit-actions > .btn-min{
    flex:0 0 auto;
    width:auto !important;
    min-width:0;
    max-width:none;
  }
  .credit-actions > .btn-min.btn-primary{
    flex:0 0 calc(34% - 4px);
    width:calc(34% - 4px) !important;
  }
  .credit-actions > .btn-min.btn-secondary{
    flex:0 0 calc(66% - 4px);
    width:calc(66% - 4px) !important;
  }
  .credit-actions .btn-min{
    font-size:15px !important;
  }
  .credit-actions .btn-secondary{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}
@media (max-width:1199px){
  :root{
    --credit-inline-action-end-offset:11px;
  }
}

/* Mobile alignment pass: keep labels and controls on one shared rail. */
@media (max-width:1199px){
  :root{
    --credit-mobile-label-col:68px;
    --credit-mobile-field-gap:5px;
    --credit-mobile-control-height:40px;
    --credit-mobile-font-label:14px;
    --credit-mobile-font-control:15px;
    --credit-info-chip-height:25px;
    --credit-info-chip-font-size:0.66rem;
    --credit-info-chip-padding-x:8px;
  }

  .credit-grid{
    gap:9px;
  }

  .field-row{
    min-height:auto;
    gap:3px;
  }

  .field-info{
    padding-left:0;
    padding-right:0;
  }

  #rateRow .field-info,
  #monthsRow .field-info{
    padding-left:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap)) !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
    width:100%;
    box-sizing:border-box;
  }

  #rateHint{
    gap:4px;
    font-size:0;
    flex-wrap:wrap;
    row-gap:4px;
  }

  #rateHint.is-visible,
  #monthsHint.is-visible{
    display:flex;
    align-items:center;
  }

  #rateHint .field-fill-choice{
    font-size:var(--credit-info-chip-font-size);
  }

  #principalRow .field-info{
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #principalRow .field-info.is-visible{
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .loan-more-option-field{
    grid-template-columns:minmax(112px,0.42fr) minmax(0,0.58fr);
    gap:var(--credit-mobile-field-gap);
    min-height:34px;
  }

  .loan-more-option-label{
    font-size:var(--credit-mobile-font-label);
    white-space:nowrap;
  }

  .loan-more-option-control,
  .loan-more-option-input,
  .loan-more-option-output{
    min-height:34px;
    font-size:var(--credit-mobile-font-control);
  }.split-field--principal{
    display:grid;
    grid-template-columns:var(--credit-mobile-label-col) minmax(0, 1fr);
    gap:var(--credit-mobile-field-gap);
    width:100%;
    align-items:center;
  }.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-label,
  .credit-grid > .field-row#disbursementRow .split-field--principal .split-field-label{
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
  }

  .split-field--principal .split-field-label-text{
    justify-content:flex-start;
    text-align:left;
  }.split-field--principal .split-field-body input.split-field-control{
    padding-left:12px !important;
  }

  .split-field--principal .split-field-unit,
  .split-field--principal .split-field-unit-select{
    font-size:14px !important;
  }#product.field-control--standalone{
    min-height:42px;
    height:42px;
    padding-left:0 !important;
    padding-right:42px !important;
    font-size:14px;
    letter-spacing:0;
  }

  .credit-grid > .field-row:first-child .field-input::before{
    right:14px;
  }

  .field-fill-choice,
  .field-info-expand{
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    padding-left:var(--credit-info-chip-padding-x);
    padding-right:var(--credit-info-chip-padding-x);
    font-size:var(--credit-info-chip-font-size);
    line-height:1.05;
    letter-spacing:0;
  }

  #principalHint .field-choice-strip--expandable{
    grid-template-columns:var(--credit-mobile-label-col) minmax(0, 1fr);
    gap:var(--credit-mobile-field-gap);
    width:100%;
  }

  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    grid-column:1;
    width:54px !important;
    min-width:54px;
    max-width:54px;
    padding-left:2px;
    padding-right:2px;
    justify-self:start !important;
  }

  #principalHint .field-info-expand svg{
    width:10px;
    height:10px;
  }

  #principalHint .field-choice-values{
    grid-column:2;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:4px;
    justify-self:stretch;
    width:100%;
  }

  #principalHint .field-choice-amount-cell .field-fill-choice,
  .field-choice-value-cell .field-fill-choice,
  .field-choice-strip--expandable .field-choice-range .field-fill-choice{
    width:100%;
    height:var(--credit-info-chip-height);
    min-height:var(--credit-info-chip-height);
    font-size:var(--credit-info-chip-font-size);
    line-height:1.05;
    padding-left:var(--credit-info-chip-padding-x);
    padding-right:var(--credit-info-chip-padding-x);
    white-space:nowrap;
  }

  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice{
    min-width:0;
    flex:1 1 0;
    justify-content:center;
    padding-left:5px;
    padding-right:5px;
    font-size:var(--credit-info-chip-font-size);
    font-variant-numeric:tabular-nums;
  }

  #rateHint .field-choice-range,
  #monthsHint .field-choice-range{
    gap:4px;
    width:100%;
  }

  #monthsHint .field-choice-range{
    display:flex;
    flex-wrap:nowrap;
  }

  #monthsHint .field-choice-range .field-fill-choice{
    width:100%;
  }

  #principalHint .field-choice-amount-cell--range-end::after{
    font-size:var(--credit-info-chip-font-size);
  }

  .credit-actions{
    width:100%;
    gap:10px;
    margin-top:12px;
  }

  .credit-actions .btn-min{
    min-height:42px !important;
    height:42px;
    font-size:14px !important;
    font-weight:700 !important;
  }
}

@media (max-width:390px){
  :root{
    --credit-mobile-label-col:60px;
    --credit-mobile-field-gap:4px;
    --credit-info-chip-height:24px;
    --credit-info-chip-font-size:0.59rem;
    --credit-info-chip-padding-x:6px;
  }

}

@media (max-width:640px){
  #principalHint .field-choice-values{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:4px !important;
  }

  #principalHint .field-choice-amount-cell--range{
    width:100%;
  }

  #principalHint .field-choice-amount-cell .field-fill-choice,
  .field-choice-value-cell .field-fill-choice,
  .field-choice-strip--expandable .field-choice-range .field-fill-choice{
    min-width:0;
    padding-left:6px;
    padding-right:6px;
    font-size:0.6rem;
    font-variant-numeric:tabular-nums;
  }

  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice{
    min-width:0;
  }
}
.loan-more-options-panel .loan-more-option-control,
.loan-more-options-panel .loan-more-option-input,
.loan-more-options-panel .loan-more-option-output,
.loan-more-options-panel .split-field--principal,
.loan-more-options-panel .split-field--principal .split-field-body,
.loan-more-options-panel .split-field--principal .split-field-control{
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}
.loan-more-options-panel .loan-more-option-input,
.loan-more-options-panel .split-field--principal .split-field-control{
  -webkit-appearance:none;
  appearance:none;
}
.loan-more-options-panel .loan-more-option-control,
.loan-more-options-panel .split-field--principal .split-field-body{
  border-bottom:0 !important;
}
.loan-more-options-panel .loan-more-option-field{
  border-bottom:1px solid rgba(148,163,184,0.46) !important;
}
.loan-more-options-panel .loan-more-option-field:focus-within{
  border-bottom-color:rgba(9,9,121,0.46) !important;
}
.loan-more-options-panel .loan-more-option-control{
  justify-content:flex-end !important;
  text-align:right !important;
}
.loan-more-options-panel .loan-more-option-input,
.loan-more-options-panel .loan-more-option-output,
.loan-more-options-panel .split-field--principal .split-field-control{
  max-width:220px !important;
  text-align:right !important;
}
.loan-more-options-panel .split-field--principal .split-field-label{
  display:none !important;
}
.loan-more-options-panel .split-field--principal .split-field-body{
  justify-content:flex-end !important;
  padding:0 !important;
}
/* Info capsule swipe layout: one adaptive row for every product hint. */
.field-info.is-visible{
  overflow:visible;
  position:relative;
}

.field-info-scroll-viewport{
  display:flex;
  flex:0 0 var(--field-info-viewport-width, 100%) !important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:6px;
  width:var(--field-info-viewport-width, 100%);
  margin-left:var(--field-info-viewport-offset, 0px);
  max-width:none !important;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.field-info-scroll-viewport::-webkit-scrollbar{
  display:none;
}

.field-info .field-choice-strip,
.field-info .field-choice-strip--expandable,
.field-info .field-choice-values{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap !important;
  gap:6px;
  width:100%;
  max-width:100%;
  min-width:0;
}

.field-info .field-choice-strip,
.field-info .field-choice-strip--expandable{
  position:relative;
  overflow:visible !important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}

.field-info .field-choice-strip::-webkit-scrollbar,
.field-info .field-choice-strip--expandable::-webkit-scrollbar{
  display:none;
}

.field-info .field-choice-values{
  flex:1 1 auto;
  margin-left:0;
  order:1;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding-right:0;
}

.field-info .field-info-expand{
  order:2;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  z-index:3;
  margin-left:2px !important;
  margin-right:0 !important;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #ffffff 34%, #ffffff 100%) !important;
  box-shadow:none !important;
}

.field-info .field-choice-values::-webkit-scrollbar{
  display:none;
}

.field-info .field-choice-strip--expandable .field-choice-item,
.field-info .field-choice-strip--expandable.is-expanded .field-choice-item,
.field-info .field-choice-strip--expandable .field-choice-range,
.field-info .field-choice-strip--expandable.is-expanded .field-choice-range{
  display:inline-flex !important;
}

.field-info .field-choice-item,
.field-info .field-choice-range,
.field-info .field-choice-value-cell,
.field-info .field-fill-choice,
.field-info .field-info-expand{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:calc(100vw - 52px);
  scroll-snap-align:start;
}

.field-info .field-fill-choice,
.field-info .field-info-expand{
  padding-left:clamp(6px, 1.8vw, 10px) !important;
  padding-right:clamp(6px, 1.8vw, 10px) !important;
  text-overflow:clip;
}

.field-info .field-choice-divider,
.field-info .field-choice-list-separator{
  display:none !important;
}

#principalHint .field-choice-values{
  grid-column:auto !important;
}

#principalHint .field-info-expand,
#principalHint .field-choice-strip--expandable .field-info-expand,
#principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
  width:30px !important;
  min-width:30px !important;
  max-width:none;
  height:var(--credit-info-chip-height) !important;
  min-height:var(--credit-info-chip-height) !important;
  padding:0 0 0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  justify-content:flex-end !important;
  color:transparent !important;
  font-size:0 !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#principalHint .field-info-expand:hover,
#principalHint .field-info-expand:focus-visible{
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #ffffff 34%, #ffffff 100%) !important;
  color:#07066f;
  outline:none;
}

#principalHint .field-info-expand:focus-visible .field-info-expand__label{
  outline:2px solid rgba(9,9,121,0.22);
  outline-offset:2px;
  border-radius:999px;
}

#principalHint .field-info-expand__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  color:transparent;
  font-size:0;
  line-height:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M9 6.5l4.5 4.5L9 15.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
}

#rateHint,
#monthsHint{
  flex-wrap:nowrap !important;
  overflow-x:visible !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

#rateHint::-webkit-scrollbar,
#monthsHint::-webkit-scrollbar{
  display:none;
}

#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
}

.field-info.field-info--scrollable .field-info-scroll-viewport,
.field-info.field-info--scrollable .field-choice-values{
  padding-left:30px !important;
  padding-right:30px !important;
}

.field-info-scroll-control{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  z-index:4;
  width:24px;
  height:var(--credit-info-chip-height);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  opacity:.58;
  transform:translateY(-50%);
  cursor:pointer;
}

.field-info-scroll-control:hover,
.field-info-scroll-control:focus-visible{
  opacity:.9;
  outline:none;
}

.field-info-scroll-control--left{
  left:var(--field-info-viewport-offset, 0px);
}

.field-info-scroll-control--right{
  right:auto;
  left:calc(var(--field-info-viewport-offset, 0px) + var(--field-info-viewport-width, 100%) - 24px);
}

.field-info-scroll-control span{
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
}

.field-info-scroll-control--left span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M13 6.5L8.5 11l4.5 4.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.field-info-scroll-control--right span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M9 6.5l4.5 4.5L9 15.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width:768px){
  .field-info-scroll-control{
    display:none !important;
  }

  .field-info.field-info--scrollable .field-info-scroll-viewport,
  .field-info.field-info--scrollable .field-choice-values{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width:1199px){
  #principalHint .field-choice-strip--expandable{
    display:flex !important;
    grid-template-columns:none !important;
    gap:6px;
  }

  #principalHint .field-choice-values{
    display:flex !important;
    grid-template-columns:none !important;
    gap:6px !important;
  }

  #rateHint,
  #monthsHint{
    flex-wrap:nowrap !important;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  #rateHint::-webkit-scrollbar,
  #monthsHint::-webkit-scrollbar{
    display:none;
  }

  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice{
    flex:0 0 auto !important;
    min-width:max-content !important;
  }
}

@media (max-width:640px){
  #principalHint .field-choice-values{
    display:flex !important;
    grid-template-columns:none !important;
  }

  #principalHint .field-choice-amount-cell--range{
    width:auto !important;
  }
}

/* Align amount info capsules with the amount input capsule, not the label rail. */
#principalRow .field-info,
#principalRow .field-info.is-visible{
  justify-content:flex-start !important;
  text-align:left !important;
  box-sizing:border-box;
}

@media (min-width:1200px){
  #principalRow .field-info,
  #principalRow .field-info.is-visible{
    padding-left:calc(22% + 10px) !important;
    padding-right:0 !important;
  }
}

@media (max-width:1199px){
  #principalRow .field-info,
  #principalRow .field-info.is-visible{
    padding-left:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap)) !important;
    padding-right:0 !important;
  }
}

#principalHint .field-choice-strip--expandable{
  width:100%;
  max-width:100%;
}

#principalHint .field-choice-values{
  min-width:0;
  max-width:100%;
}

#principalHint .field-choice-strip--expandable .field-choice-value-cell.field-choice-range--extra,
#principalHint .field-choice-strip--expandable:not(.is-expanded) .field-choice-value-cell.field-choice-range--extra,
#principalHint .field-choice-strip--expandable.is-expanded .field-choice-value-cell.field-choice-range--extra{
  display:flex !important;
}

/* Clip swiped info capsules at the full row edge while keeping content aligned to inputs. */
#principalRow,
#rateRow,
#monthsRow{
  --field-info-content-offset:0px;
}

#principalRow .field-info,
#principalRow .field-info.is-visible,
#rateRow .field-info,
#rateRow .field-info.is-visible,
#monthsRow .field-info,
#monthsRow .field-info.is-visible{
  padding-left:0 !important;
  padding-right:0 !important;
}

#principalRow .field-info-scroll-viewport,
#rateRow .field-info-scroll-viewport,
#monthsRow .field-info-scroll-viewport{
  box-sizing:border-box;
  padding-left:var(--field-info-content-offset) !important;
  padding-right:0 !important;
}

#principalRow.field-row .field-choice-values,
#rateRow.field-row .field-choice-values,
#monthsRow.field-row .field-choice-values{
  overflow:visible !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:calc(var(--field-info-content-offset, 0px) + 30px) !important;
  padding-right:30px !important;
}

.field-info.field-info--scrollable .field-choice-values{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (min-width:1200px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:calc(22% + 10px);
  }
}

@media (max-width:1199px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap));
  }
}

@media (min-width:1200px){
  #principalHint .field-choice-values{
    max-width:calc(100% - 34px) !important;
    padding-right:0 !important;
  }

  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    background:transparent !important;
    opacity:.58;
  }

  #principalHint .field-info-expand:hover,
  #principalHint .field-info-expand:focus-visible{
    background:transparent !important;
    opacity:.9;
  }
}

@media (max-width:1199px){
  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    display:none !important;
  }

  #principalHint .field-choice-values{
    padding-right:0 !important;
  }
}

@media (min-width:1200px){
  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    display:inline-flex !important;
  }
}

/* Keep amount range separators visible across desktop and mobile:
   dash inside each range, semicolon between range capsules. */
#principalHint .field-choice-amount-cell--range{
  position:relative;
  overflow:visible !important;
}

#principalHint .field-choice-amount-cell--range .field-choice-range.field-choice-amount-split{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:3px;
  width:auto !important;
  min-width:max-content !important;
}

#principalHint .field-choice-amount-cell--range .field-choice-separator{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 1px !important;
  border:0 !important;
  background:transparent !important;
  color:#747474;
  font-size:var(--credit-info-chip-font-size);
  font-weight:700;
  line-height:1;
}

#principalHint .field-choice-amount-cell--range-end{
  margin-right:10px;
}

#principalHint .field-choice-amount-cell--range-end::after{
  content:";" !important;
  right:-7px;
}

@media (max-width:1199px){
  #principalHint .field-choice-amount-cell--range-end{
    margin-right:9px;
  }

  #principalHint .field-choice-amount-cell--range-end::after{
    right:-6px;
  }
}

/* Unified info capsules for Shuma, Interesi and Afati. */
#principalHint .field-info-scroll-viewport,
#rateHint.field-info,
#monthsHint.field-info{
  align-items:center !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  display:flex !important;
  justify-content:flex-start !important;
  text-align:left !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport{
  margin-left:0 !important;
  margin-right:0 !important;
}

#principalHint.field-info--placeholder,
#rateHint.field-info--placeholder,
#monthsHint.field-info--placeholder{
  pointer-events:none;
}

#principalHint.field-info--placeholder .field-info-scroll-viewport,
#rateHint.field-info--placeholder .field-info-scroll-viewport,
#monthsHint.field-info--placeholder .field-info-scroll-viewport{
  display:inline-flex !important;
}

#principalHint.field-info--placeholder::before,
#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  content:none !important;
  display:none !important;
}

#principalHint.field-info--placeholder::before{
  width:70px;
  box-shadow:
    84px 0 0 0 #edf0f5,
    168px 0 0 0 #edf0f5,
    252px 0 0 0 #edf0f5;
}

#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  width:112px;
  box-shadow:
    128px 0 0 0 #edf0f5;
}

@keyframes fieldInfoSkeletonSweep{
  0%{transform:translateX(-70%);}
  100%{transform:translateX(70%);}
}

.field-info-skeleton{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:8px;
  width:auto;
  max-width:100%;
  overflow:hidden;
}

.field-info-skeleton-chip{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  height:var(--credit-info-chip-height);
  border-radius:999px;
  overflow:hidden;
  background:#eef1f5;
  border:0;
  box-shadow:none;
}

.field-info-skeleton-chip::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-70%);
  background:linear-gradient(90deg, rgba(255,255,255,0) 12%, rgba(255,255,255,.34) 50%, rgba(255,255,255,0) 88%);
  animation:fieldInfoSkeletonSweep 1.9s ease-in-out infinite;
}

.field-info-skeleton-chip--1{width:76px;}
.field-info-skeleton-chip--2{width:96px;}
.field-info-skeleton-chip--3{width:78px;}
.field-info-skeleton-chip--4{width:88px;}

#rateHint .field-info-skeleton-chip--1,
#monthsHint .field-info-skeleton-chip--1{width:116px;}

#rateHint .field-info-skeleton-chip--2,
#monthsHint .field-info-skeleton-chip--2{width:104px;}

#principalHint .field-choice-strip--expandable,
#principalHint .field-choice-values,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint .field-choice-range{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-template-columns:none !important;
}

#principalHint .field-choice-value-cell,
#principalHint .field-choice-range,
#rateHint .field-choice-item,
#rateHint .field-choice-range,
#monthsHint .field-choice-range{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  height:var(--credit-info-chip-height) !important;
  min-height:var(--credit-info-chip-height) !important;
  padding:2px var(--credit-info-chip-padding-x) !important;
  margin:1px 0 !important;
  border:1px solid rgba(108,117,125,0.28) !important;
  border-radius:999px !important;
  background:#f1f3f5 !important;
  color:#3f454b !important;
  font-size:var(--credit-info-chip-font-size) !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums;
  box-shadow:none !important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

#principalHint .field-fill-choice:hover,
#principalHint .field-fill-choice:focus-visible,
#rateHint .field-fill-choice:hover,
#rateHint .field-fill-choice:focus-visible,
#monthsHint .field-fill-choice:hover,
#monthsHint .field-fill-choice:focus-visible{
  background:#e5e7eb !important;
  border-color:rgba(108,117,125,0.42) !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected{
  background:#1C1C1E !important;
  background-color:#1C1C1E !important;
  border-color:#1C1C1E !important;
  color:#ffffff !important;
  box-shadow:0 2px 7px rgba(28,28,30,0.18) !important;
}

#principalHint .field-fill-choice.is-tapped,
#rateHint .field-fill-choice.is-tapped,
#monthsHint .field-fill-choice.is-tapped{
  transform:translateY(1px);
}

#rateHint .field-choice-list-separator,
#rateHint .field-choice-divider,
#principalHint .field-choice-amount-cell--range-end::after{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  color:#747474 !important;
  font-size:var(--credit-info-chip-font-size) !important;
  font-weight:700 !important;
  line-height:1 !important;
}

#principalHint .field-choice-amount-cell--range .field-choice-separator,
#monthsHint .field-choice-separator{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 1px !important;
  border:0 !important;
  background:transparent !important;
  color:#747474 !important;
  font-size:var(--credit-info-chip-font-size) !important;
  font-weight:700 !important;
  line-height:1 !important;
}

@media (max-width:1199px){
  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
  #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
  #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
    display:none;
  }

  #principalHint.field-info--placeholder::before{
    width:58px;
    box-shadow:
      72px 0 0 0 #edf0f5,
      144px 0 0 0 #edf0f5,
      216px 0 0 0 #edf0f5;
  }

  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    width:92px;
    box-shadow:
      106px 0 0 0 #edf0f5;
  }

  .field-info-skeleton{
    gap:6px;
  }

  .field-info-skeleton-chip--1{width:76px;}
  .field-info-skeleton-chip--2{width:86px;}
  .field-info-skeleton-chip--3{width:76px;}
  .field-info-skeleton-chip--4{width:76px;}

  #rateHint .field-info-skeleton-chip--1,
  #monthsHint .field-info-skeleton-chip--1{width:104px;}

  #rateHint .field-info-skeleton-chip--2,
  #monthsHint .field-info-skeleton-chip--2{width:92px;}
}

@media (prefers-reduced-motion:reduce){
  .field-info-skeleton-chip::after{
    display:none;
    animation:none;
  }
}

@media (max-width:1199px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:0px !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    content:"" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 var(--field-info-inline-label-width, 82px) !important;
    width:var(--field-info-inline-label-width, 82px) !important;
    height:var(--credit-info-chip-height) !important;
    margin-left:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#6c6f73 !important;
    font-size:var(--credit-mobile-font-label) !important;
    font-weight:400 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  #principalHint.field-info::before,
  #principalHint.field-info--placeholder::before{
    content:"Shuma" !important;
  }

  #rateHint.field-info::before,
  #rateHint.field-info--placeholder::before{
    content:"Interesi" !important;
  }

  #monthsHint.field-info::before,
  #monthsHint.field-info--placeholder::before{
    content:"Afati" !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

body,
.credit-page{
  background:#ffffff !important;
}#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  min-height:48px !important;
  height:48px !important;
}

#principalRow .split-field-control,
#rateRow .split-field-control,
#monthsRow .split-field-control{
  min-height:46px !important;
  height:46px !important;
}

@media (max-width:1199px){
  :root{
    --credit-mobile-control-height:48px;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    padding-left:17px !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    flex-basis:82px !important;
    width:82px !important;
  }

  .credit-actions .btn-min{
    min-height:48px !important;
    height:48px !important;
  }
}

#product.field-control--standalone{
  background:#ffffff !important;
}

.credit-grid > .field-row:first-child .field-input::after,
.loan-more-options-row::after{
  height:1px !important;
  background:linear-gradient(90deg, rgba(203,209,219,0.18) 0%, rgba(148,163,184,0.58) 50%, rgba(203,209,219,0.18) 100%) !important;
  box-shadow:none !important;
  animation:none !important;
}

.loan-more-options-row{
  margin-top:2px !important;
}

.credit-actions{
  margin-top:8px !important;
}

@media (max-width:1199px){
  .credit-page{
    padding-top:8px !important;
  }

  body.mobile-top-shell-active.credit-page{
    padding-top:calc(var(--mobile-top-shell-header-safe-height) + 6px) !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    padding-left:22px !important;
    gap:5px !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    flex-basis:76px !important;
    width:76px !important;
  }
}

:root{
  --credit-inline-icon-size:24px;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  border-radius:24px !important;
  border-color:rgba(148,163,184,0.5) !important;
}

.split-field--principal .split-field-unit{
  min-height:48px !important;
  padding-right:10px !important;
}

.split-field--principal .split-field-unit--select{
  min-width:92px !important;
  padding-right:8px !important;
}

.split-field--principal .split-field-unit--select::after{
  right:2px !important;
  width:24px !important;
  height:24px !important;
  background-size:24px 24px !important;
}

.split-field--principal .split-field-unit-select{
  min-width:92px !important;
  height:46px !important;
  padding-right:28px !important;
  font-size:16px !important;
}

.split-field--principal .split-field-clear{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  margin-left:8px !important;
  margin-right:2px !important;
  border-radius:50% !important;
  background-size:24px 24px !important;
}

.split-field--principal .split-field-clear svg{
  width:15px !important;
  height:15px !important;
  stroke-width:2.25 !important;
}

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

.split-field--principal .split-field-control::placeholder{
  color:#9aa1aa !important;
  opacity:1 !important;
  font-weight:500;
}

.split-field--principal .split-field-unit{
  width:64px !important;
  min-width:64px !important;
  height:48px !important;
  min-height:48px !important;
  padding-right:0 !important;
  gap:7px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  color:#6f757c !important;
}

.split-field--principal .split-field-unit--select{
  width:104px !important;
  min-width:104px !important;
  padding-right:0 !important;
}

.split-field--principal .split-field-unit--select::after{
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:16px !important;
  height:10px !important;
  background-size:16px 10px !important;
}

.split-field--principal .split-field-unit-select{
  width:104px !important;
  min-width:104px !important;
  height:48px !important;
  padding-right:30px !important;
  color:#6f757c !important;
  line-height:48px !important;
  text-align:right !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

.split-field--principal .split-field-clear{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  background-size:22px 22px !important;
  background-position:center !important;
}

body,
.credit-page{
  background:#f6f7f9 !important;
}

#product.field-control--standalone,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  background:#ffffff !important;
  border-color:rgba(142,150,160,0.34) !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.95) inset !important;
}

#product.field-control--standalone,
.split-field--principal .split-field-control{
  color:#1f2328 !important;
}

.split-field--principal .split-field-control::placeholder{
  color:#777d84 !important;
  opacity:1 !important;
  font-weight:500;
}

#principalHint.field-info::before,
#rateHint.field-info::before,
#monthsHint.field-info::before,
#principalHint.field-info--placeholder::before,
#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  color:#5f6368 !important;
}

.split-field--principal .split-field-unit,
.split-field--principal .split-field-unit-select{
  color:#5f6368 !important;
}

.split-field--principal .split-field-unit--select::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11'%3E%3Cpath d='M2 2.2L9 8.8l7-6.6' fill='none' stroke='%231f2328' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.split-field--principal .split-field-clear{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.8' fill='%236f757c'/%3E%3Cpath d='M7.8 7.8l6.4 6.4M14.2 7.8l-6.4 6.4' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#product.field-control--standalone{
  background:transparent !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  border-color:transparent !important;
}

@media (max-width:480px){
  .credit-grid{
    gap:7px !important;
  }

  .field-row{
    gap:2px !important;
  }

  .credit-grid > .field-row:not(:first-child){
    margin-top:4px !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:calc(100% - 82px) !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    flex:0 0 72px !important;
    width:72px !important;
  }

  .split-field--principal .split-field-control{
    min-width:0 !important;
    font-size:15px !important;
  }

  .split-field--principal .split-field-control::placeholder{
    font-size:14px !important;
  }

  .split-field--principal .split-field-unit{
    width:58px !important;
    min-width:58px !important;
  }

  .split-field--principal .split-field-unit--select,
  .split-field--principal .split-field-unit-select{
    width:96px !important;
    min-width:96px !important;
  }

  .loan-more-options-row{
    margin-top:0 !important;
  }

  .credit-actions{
    display:grid !important;
    grid-template-columns:minmax(98px, .36fr) minmax(0, 1fr) !important;
    gap:8px !important;
    width:100% !important;
    margin-top:7px !important;
  }

  .credit-actions > .btn-min,
  .credit-actions > .btn-min.btn-primary,
  .credit-actions > .btn-min.btn-secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .credit-actions .btn-min{
    font-size:14px !important;
    gap:7px !important;
  }
}

#principalRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#principalRow .split-field-body input.split-field-control{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 16px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
}

#principalRow .split-field-unit--select{
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 12px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
  justify-content:flex-end !important;
}

#principalRow .split-field-unit--select::after{
  right:12px !important;
}

#principalRow .split-field-unit-select{
  width:100% !important;
  min-width:0 !important;
  height:48px !important;
  padding:0 30px 0 0 !important;
  line-height:48px !important;
  text-align:right !important;
  background:transparent !important;
}

@media (max-width:480px){
  #principalRow .split-field-body{
    gap:7px !important;
  }

  #principalRow .split-field-unit--select{
    flex-basis:100px !important;
    width:100px !important;
    min-width:100px !important;
  }
}

#rateRow .split-field-body,
#monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 16px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  position:relative !important;
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:48px !important;
}

#principalRow .split-field-entry input.split-field-control,
#rateRow .split-field-entry input.split-field-control,
#monthsRow .split-field-entry input.split-field-control{
  width:100% !important;
  padding-right:44px !important;
}

#principalRow .split-field-entry .split-field-clear,
#rateRow .split-field-entry .split-field-clear,
#monthsRow .split-field-entry .split-field-clear{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  display:none !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  border-radius:50% !important;
  background-color:#000000 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23000000'/%3E%3Cpath d='M8.3 8.3l7.4 7.4M15.7 8.3l-7.4 7.4' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:24px 24px !important;
  box-shadow:none !important;
  opacity:1 !important;
}

#principalRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#rateRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#monthsRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear{
  display:inline-flex !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  text-align:left !important;
}

#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 10px 0 12px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
}

#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  justify-content:center !important;
}

#currency{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  color:#6f757c !important;
  font-family:var(--font-ui) !important;
}

#rateRow .split-field-clear,
#monthsRow .split-field-clear{
  margin:0 !important;
}

@media (max-width:480px){
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    gap:7px !important;
  }

  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    flex-basis:100px !important;
    width:100px !important;
    min-width:100px !important;
  }
}

#principalRow .split-field-unit--select{
  position:relative !important;
  flex:0 0 104px !important;
  width:104px !important;
  min-width:104px !important;
  padding:0 !important;
  justify-content:center !important;
}

#principalRow .split-field-unit-select{
  width:auto !important;
  min-width:0 !important;
  max-width:70px !important;
  height:48px !important;
  padding:0 24px 0 0 !important;
  color:#5f6368 !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:48px !important;
  text-align:center !important;
}

#principalRow .split-field-unit--select::after{
  right:18px !important;
  width:16px !important;
  height:10px !important;
  background-size:16px 10px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%235f6368' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media (max-width:480px){
  #principalRow .split-field-unit--select{
    flex-basis:104px !important;
    width:104px !important;
    min-width:104px !important;
  }
}

#product.field-control--standalone{
  height:48px !important;
  min-height:48px !important;
  padding:0 44px 0 18px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
  color:#5f6368 !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:48px !important;
  letter-spacing:0 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%235f6368' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:16px 10px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:#70757a !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
}

#product.field-control--standalone,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  font-size:16px !important;
}

#product.field-control--standalone{
  background-color:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

/* iOS-style input capsules */
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  min-height:52px !important;
  height:52px !important;
  gap:8px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  height:52px !important;
  min-height:52px !important;
  border:0 !important;
  border-radius:9999px !important;
  background:#F2F2F7 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  padding-left:16px !important;
  color:#000000 !important;
  caret-color:#007AFF !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:52px !important;
  letter-spacing:0 !important;
}

#product.field-control--standalone{
  padding-left:16px !important;
  padding-right:44px !important;
  color:#000000 !important;
  caret-color:#007AFF !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:52px !important;
  letter-spacing:0 !important;
  background-color:#F2F2F7 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%238E8E93' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:16px 10px !important;
}

#product.field-control--standalone.is-placeholder{
  color:#8E8E93 !important;
  font-weight:600 !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
  font-weight:600 !important;
}

#principalRow .split-field-entry input.split-field-control,
#rateRow .split-field-entry input.split-field-control,
#monthsRow .split-field-entry input.split-field-control{
  width:100% !important;
  padding-right:42px !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  opacity:1 !important;
  font-weight:600 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  flex-basis:108px !important;
  width:108px !important;
  min-width:108px !important;
  justify-content:center !important;
  padding:0 12px !important;
}

#principalRow .split-field-unit-select{
  height:52px !important;
  line-height:52px !important;
  color:#000000 !important;
  font-size:16px !important;
  font-weight:600 !important;
}

#principalRow .split-field-unit-select{
  padding:0 24px 0 0 !important;
}

#principalRow .split-field-unit--select::after{
  right:18px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%238E8E93' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#principalRow .split-field-entry .split-field-clear,
#rateRow .split-field-entry .split-field-clear,
#monthsRow .split-field-entry .split-field-clear{
  right:14px !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  background-color:#1C1C1E !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%231C1C1E'/%3E%3Cpath d='M6.9 6.9l6.2 6.2M13.1 6.9l-6.2 6.2' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size:20px 20px !important;
}

#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  background:#1C1C1E !important;
  background-color:#1C1C1E !important;
  border-color:#1C1C1E !important;
  color:#ffffff !important;
  box-shadow:0 2px 7px rgba(28,28,30,0.18) !important;
}

@keyframes productUnderlineIosShine{
  0%{
    background-position:0 0, -45% 0;
  }
  50%{
    background-position:0 0, 145% 0;
  }
  100%{
    background-position:0 0, -45% 0;
  }
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  background:#ffffff !important;
}

#product.field-control--standalone{
  height:52px !important;
  min-height:52px !important;
  padding:0 44px 0 16px !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  height:2px !important;
  background:
    linear-gradient(90deg, rgba(198,204,214,0.16) 0%, rgba(142,142,147,0.62) 50%, rgba(198,204,214,0.16) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 14%, rgba(255,255,255,0.96) 45%, rgba(255,255,255,0.18) 54%, rgba(255,255,255,0) 72%) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:100% 100%, 34% 100% !important;
  background-position:0 0, -45% 0 !important;
  box-shadow:0 0 10px rgba(0,122,255,0.08) !important;
  animation:productUnderlineIosShine 3.4s cubic-bezier(.4,0,.2,1) infinite !important;
}

.credit-grid > .field-row:first-child .field-input::before{
  display:none !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint.field-info--placeholder,
#rateHint.field-info--placeholder,
#monthsHint.field-info--placeholder{
  gap:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#principalHint::before,
#rateHint::before,
#monthsHint::before,
#principalHint.field-info::before,
#rateHint.field-info::before,
#monthsHint.field-info::before,
#principalHint.field-info--placeholder::before,
#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  content:none !important;
  display:none !important;
  flex:0 0 0 !important;
  width:0 !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (max-width:1199px){
  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    flex:0 0 var(--field-info-viewport-width, 100vw) !important;
    width:var(--field-info-viewport-width, 100vw) !important;
    max-width:var(--field-info-viewport-width, 100vw) !important;
    margin-left:var(--field-info-viewport-offset, 0px) !important;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

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

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values,
  #rateHint .field-choice-strip,
  #rateHint .field-choice-values,
  #monthsHint .field-choice-strip,
  #monthsHint .field-choice-values{
    max-width:none !important;
    width:max-content !important;
    min-width:max-content !important;
  }
}

@media (max-width:480px){
  #principalRow,
  #rateRow,
  #monthsRow{
    gap:7px !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    min-height:26px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    align-items:center !important;
    transform:translateY(-4px) !important;
  }

  .credit-grid > .field-row:not(:first-child){
    margin-top:8px !important;
  }
}
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#inputSection #principalHint .field-fill-choice,
#inputSection #rateHint .field-fill-choice,
#inputSection #monthsHint .field-fill-choice{
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid rgba(108,117,125,0.28) !important;
  color:#3f454b !important;
  box-shadow:none !important;
}

#principalHint .field-fill-choice:hover,
#principalHint .field-fill-choice:focus-visible,
#rateHint .field-fill-choice:hover,
#rateHint .field-fill-choice:focus-visible,
#monthsHint .field-fill-choice:hover,
#monthsHint .field-fill-choice:focus-visible{
  background:transparent !important;
  background-color:transparent !important;
  border-color:rgba(108,117,125,0.42) !important;
}

.field-info-skeleton-chip{
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}

.field-info-skeleton-chip::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(100deg, rgba(108,117,125,0.28) 0%, rgba(108,117,125,0.28) 38%, rgba(255,255,255,0.98) 50%, rgba(108,117,125,0.38) 62%, rgba(108,117,125,0.28) 100%) !important;
  background-size:220% 100%;
  animation:fieldInfoSkeletonBorderShine 1.9s ease-in-out infinite;
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
}

.field-info-skeleton-chip::after{
  inset:-1px !important;
  background:linear-gradient(90deg, rgba(255,255,255,0) 12%, rgba(255,255,255,.62) 50%, rgba(255,255,255,0) 88%) !important;
}

@keyframes fieldInfoSkeletonBorderShine{
  0%{background-position:120% 0;}
  100%{background-position:-120% 0;}
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  background:#1C1C1E !important;
  background-color:#1C1C1E !important;
  border-color:#1C1C1E !important;
  color:#ffffff !important;
  box-shadow:0 2px 7px rgba(28,28,30,0.18) !important;
}

@media (max-width:1199px){
  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    box-sizing:border-box !important;
    flex:0 0 var(--field-info-viewport-width, 100vw) !important;
    width:var(--field-info-viewport-width, 100vw) !important;
    min-width:var(--field-info-viewport-width, 100vw) !important;
    max-width:var(--field-info-viewport-width, 100vw) !important;
    margin-left:var(--field-info-viewport-offset, 0px) !important;
    margin-right:0 !important;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

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

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values,
  #rateHint .field-choice-strip,
  #rateHint .field-choice-values,
  #monthsHint .field-choice-strip,
  #monthsHint .field-choice-values{
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
  }
}

@media (min-width:1200px){
  :root{
    --credit-mobile-label-col:68px;
    --credit-mobile-field-gap:5px;
    --credit-mobile-control-height:52px;
    --credit-mobile-page-padding:12px;
    --credit-mobile-panel-padding:0px;
    --credit-mobile-grid-gap:7px;
    --credit-mobile-font-label:14px;
    --credit-mobile-font-control:18px;
    --credit-mobile-table-width:500px;
    --credit-info-chip-height:25px;
    --credit-info-chip-font-size:0.66rem;
    --credit-info-chip-padding-x:8px;
    --field-info-content-offset:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap));
  }

  .credit-grid{
    gap:7px !important;
  }

  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap));
    gap:2px !important;
    margin-top:4px !important;
  }

  #principalRow .split-field--principal,
  #rateRow .split-field--principal,
  #monthsRow .split-field--principal{
    display:grid !important;
    grid-template-columns:var(--credit-mobile-label-col) minmax(0, 1fr) !important;
    gap:var(--credit-mobile-field-gap) !important;
    width:100% !important;
    align-items:center !important;
  }

  #principalRow .split-field-label,
  #rateRow .split-field-label,
  #monthsRow .split-field-label{
    grid-column:1 !important;
    width:var(--credit-mobile-label-col) !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:var(--credit-mobile-control-height) !important;
    padding:0 !important;
    justify-content:flex-start !important;
    color:#6c6f73 !important;
    font-size:var(--credit-mobile-font-label) !important;
    font-weight:400 !important;
    line-height:1.1 !important;
  }

  #principalRow .split-field-label-text,
  #rateRow .split-field-label-text,
  #monthsRow .split-field-label-text{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #principalRow .split-field-body,
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:visible !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    box-sizing:border-box !important;
    flex:0 0 var(--field-info-viewport-width, 100vw) !important;
    width:var(--field-info-viewport-width, 100vw) !important;
    min-width:var(--field-info-viewport-width, 100vw) !important;
    max-width:var(--field-info-viewport-width, 100vw) !important;
    margin-left:var(--field-info-viewport-offset, 0px) !important;
    margin-right:0 !important;
    padding-left:calc(var(--field-info-screen-inset, 0px) + var(--field-info-content-offset, 0px)) !important;
    padding-right:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

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

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values,
  #rateHint .field-choice-strip,
  #rateHint .field-choice-values,
  #monthsHint .field-choice-strip,
  #monthsHint .field-choice-values{
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
  }

  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    display:none !important;
  }

  .credit-page{
    padding:var(--credit-mobile-page-padding) !important;
    padding-bottom:calc(var(--credit-mobile-page-padding) + var(--mobile-keyboard-inset) + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
  }

  .credit-wrap{
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .credit-panel,
  .table-panel{
    padding:var(--credit-mobile-panel-padding) !important;
    box-shadow:none !important;
  }

  .credit-panel{
    width:calc(100% - (var(--credit-mobile-page-padding) * 2)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .credit-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .field-row{
    min-height:auto !important;
    gap:2px !important;
  }

  #inputSection{
    padding:14px !important;
  }

  #product.field-control--standalone{
    min-height:52px !important;
    height:52px !important;
    padding-left:16px !important;
    padding-right:44px !important;
    font-size:18px !important;
    font-weight:600 !important;
    color:#000000 !important;
    background-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #product.field-control--standalone.is-placeholder{
    color:#8E8E93 !important;
  }

  #principalRow .split-field-body input.split-field-control,
  #rateRow .split-field-body input.split-field-control,
  #monthsRow .split-field-body input.split-field-control{
    min-height:52px !important;
    height:52px !important;
    padding-left:16px !important;
    padding-right:42px !important;
    color:#000000 !important;
    font-size:18px !important;
    font-weight:600 !important;
    line-height:52px !important;
  }

  #principalRow .split-field-body input.split-field-control::placeholder,
  #rateRow .split-field-body input.split-field-control::placeholder,
  #monthsRow .split-field-body input.split-field-control::placeholder{
    color:#8E8E93 !important;
    font-size:18px !important;
    font-weight:600 !important;
    opacity:1 !important;
  }

  #principalRow .split-field-entry,
  #rateRow .split-field-entry,
  #monthsRow .split-field-entry,
  #principalRow .split-field-body input.split-field-control,
  #rateRow .split-field-body input.split-field-control,
  #monthsRow .split-field-body input.split-field-control,
  #principalRow .split-field-unit--select,
  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    background:#ffffff !important;
    border:0 !important;
    border-radius:9999px !important;
    box-shadow:none !important;
  }

  #principalRow .split-field-unit--select,
  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    flex-basis:108px !important;
    width:108px !important;
    min-width:108px !important;
    height:52px !important;
    min-height:52px !important;
    justify-content:center !important;
    padding:0 12px !important;
  }

  #principalRow .split-field-unit-select{
    height:52px !important;
    line-height:52px !important;
    color:#000000 !important;
    font-size:16px !important;
    font-weight:600 !important;
  }

  #principalRow .split-field-entry .split-field-clear,
  #rateRow .split-field-entry .split-field-clear,
  #monthsRow .split-field-entry .split-field-clear{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    right:14px !important;
    background-size:20px 20px !important;
  }

  .credit-actions{
    display:grid !important;
    grid-template-columns:minmax(98px, .36fr) minmax(0, 1fr) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:7px !important;
  }

  .credit-actions > .btn-min,
  .credit-actions > .btn-min.btn-primary,
  .credit-actions > .btn-min.btn-secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .credit-actions .btn-min{
    min-height:48px !important;
    height:48px !important;
    font-size:14px !important;
    gap:7px !important;
  }

  .table-panel{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:visible !important;
  }

  .loan-table{
    min-width:var(--credit-mobile-table-width) !important;
    width:max(100%, var(--credit-mobile-table-width)) !important;
    font-size:0.7rem !important;
    table-layout:fixed !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
}

@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page{
    padding-top:calc(var(--mobile-top-shell-header-safe-height) + 6px) !important;
  }

  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:0px !important;
  }

  #principalRow .split-field--principal,
  #rateRow .split-field--principal,
  #monthsRow .split-field--principal{
    grid-template-columns:minmax(0, 1fr) !important;
  }

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

  #principalRow .split-field-body,
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    grid-column:1 !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    padding-left:var(--field-info-screen-inset, 0px) !important;
  }
}

/* iOS-style principal amount card: clean final pass. */
#principalRow{
  --principal-card-radius:16px;
  --principal-card-top:36px;
  --principal-card-bottom:54px;
  --principal-card-pad-x:24px;
  --principal-title-width:62px;
  --principal-meta-size:12px;
  --principal-meta-weight:600;
  --principal-meta-line-height:1.2;
  --principal-meta-tracking:0;
  --ios-label:#000000;
  --ios-secondary-label:#8E8E93;
  --ios-tertiary-label:#C7C7CC;
  --ios-blue:#007AFF;
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--principal-card-top) var(--principal-card-bottom) !important;
  gap:0 !important;
  min-height:calc(var(--principal-card-top) + var(--principal-card-bottom)) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:var(--principal-card-radius) !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#principalRow::before{
  content:"SHUMA";
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:calc(var(--principal-card-pad-x) + var(--principal-title-width));
  height:var(--principal-card-top);
  padding-left:var(--principal-card-pad-x);
  background:linear-gradient(90deg, #ffffff 0%, #ffffff 78%, rgba(255,255,255,0) 100%);
  color:var(--ios-secondary-label);
  font-size:var(--principal-meta-size);
  font-weight:var(--principal-meta-weight);
  line-height:var(--principal-meta-line-height);
  letter-spacing:var(--principal-meta-tracking);
  white-space:nowrap;
  pointer-events:none;
}

#principalRow::after{
  content:none !important;
  display:none !important;
}

#principalRow .field-input{
  order:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
}

#principalRow .split-field--principal{
  display:block !important;
  width:100% !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
}

#principalRow .split-field-label{
  display:none !important;
}

#principalRow .split-field-body{
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  padding:0 var(--principal-card-pad-x) 0 var(--principal-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-entry{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control{
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  padding:0 44px 0 0 !important;
  color:var(--ios-label) !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:var(--principal-card-bottom) !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder{
  color:var(--ios-secondary-label) !important;
  font-size:24px !important;
  font-weight:700 !important;
  opacity:1 !important;
}

#principalRow .split-field-entry .split-field-clear{
  right:8px !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
}

#principalRow .split-field-unit--select{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  padding:0 26px 0 8px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select{
  width:100% !important;
  min-width:0 !important;
  height:var(--principal-card-bottom) !important;
  line-height:var(--principal-card-bottom) !important;
  padding:0 !important;
  color:var(--ios-secondary-label) !important;
  font-size:24px !important;
  font-weight:600 !important;
  text-align:right !important;
  background:transparent !important;
}

#principalRow .split-field-unit--select::after{
  right:0 !important;
  width:17px !important;
  height:11px !important;
  background-size:17px 11px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11' viewBox='0 0 17 11'%3E%3Cpath d='M3 3L8.5 8.5L14 3' fill='none' stroke='%238E8E93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#principalHint[hidden]{
  display:none !important;
}

#principalHint,
#principalHint.is-visible{
  order:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:1 !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--principal-card-top) !important;
  height:var(--principal-card-top) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  transform:none !important;
  background:transparent !important;
}

#principalHint.is-visible{
  display:flex !important;
}

#principalHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:var(--principal-card-top) !important;
  margin:0 !important;
  padding:0 var(--principal-card-pad-x) 0 calc(var(--principal-card-pad-x) + var(--principal-title-width)) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#principalHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

#principalHint .field-choice-strip--expandable,
#principalHint .field-choice-values{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  gap:6px !important;
}

#principalHint .field-choice-range,
#principalHint .field-choice-item,
#principalHint .field-choice-value-cell{
  display:inline-flex !important;
  align-items:center !important;
  line-height:var(--principal-meta-line-height) !important;
}

#principalHint .field-fill-choice,
#inputSection #principalHint .field-fill-choice,
#principalHint .field-info-expand{
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--ios-secondary-label) !important;
  font-size:var(--principal-meta-size) !important;
  font-weight:var(--principal-meta-weight) !important;
  line-height:var(--principal-meta-line-height) !important;
  letter-spacing:var(--principal-meta-tracking) !important;
}

#principalHint .field-choice-separator,
#principalHint .field-choice-divider,
#principalHint .field-choice-list-separator{
  color:var(--ios-secondary-label) !important;
  font-size:var(--principal-meta-size) !important;
  font-weight:var(--principal-meta-weight) !important;
  line-height:var(--principal-meta-line-height) !important;
  letter-spacing:var(--principal-meta-tracking) !important;
}

#principalHint .field-info-expand{
  display:none !important;
}

@media (max-width:720px){
  #principalRow{
    --principal-card-radius:15px;
    --principal-card-top:34px;
    --principal-card-bottom:52px;
    --principal-card-pad-x:22px;
    --principal-title-width:62px;
  }

  #principalRow::before{
    font-size:var(--principal-meta-size);
    letter-spacing:var(--principal-meta-tracking);
  }

  #principalRow .split-field-body input.split-field-control{
    padding-right:38px !important;
    font-size:24px !important;
  }

  #principalRow .split-field-body input.split-field-control::placeholder{
    font-size:24px !important;
  }

  #principalRow .split-field-unit--select{
    flex-basis:104px !important;
    width:104px !important;
    min-width:104px !important;
    padding-right:26px !important;
  }

  #principalRow .split-field-unit-select{
    font-size:24px !important;
  }

  #principalRow .split-field-unit--select::after{
    width:16px !important;
    height:10px !important;
    background-size:16px 10px !important;
  }

  #principalHint .field-fill-choice,
  #inputSection #principalHint .field-fill-choice,
  #principalHint .field-info-expand,
  #principalHint .field-choice-separator,
  #principalHint .field-choice-divider,
  #principalHint .field-choice-list-separator{
    font-size:12px !important;
  }
}

#rateRow,
#monthsRow{
  --field-card-radius:16px;
  --field-card-top:36px;
  --field-card-bottom:54px;
  --field-card-pad-x:24px;
  --field-title-width:62px;
  --field-meta-size:12px;
  --field-meta-weight:600;
  --field-meta-line-height:1.2;
  --field-meta-tracking:0;
  --ios-label:#000000;
  --ios-secondary-label:#8E8E93;
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--field-card-top) var(--field-card-bottom) !important;
  gap:0 !important;
  min-height:calc(var(--field-card-top) + var(--field-card-bottom)) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:var(--field-card-radius) !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#rateRow{
  --field-title-width:66px;
}

#monthsRow{
  --field-title-width:46px;
}

#rateRow::before,
#monthsRow::before{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:calc(var(--field-card-pad-x) + var(--field-title-width));
  height:var(--field-card-top);
  padding-left:var(--field-card-pad-x);
  background:linear-gradient(90deg, #ffffff 0%, #ffffff 78%, rgba(255,255,255,0) 100%);
  color:var(--ios-secondary-label);
  font-size:var(--field-meta-size);
  font-weight:var(--field-meta-weight);
  line-height:var(--field-meta-line-height);
  letter-spacing:var(--field-meta-tracking);
  white-space:nowrap;
  pointer-events:none;
}

#rateRow::before{
  content:"INTERESI";
}

#monthsRow::before{
  content:"AFATI";
}

#rateRow::after,
#monthsRow::after{
  content:none !important;
  display:none !important;
}

#rateRow .field-input,
#monthsRow .field-input{
  order:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
}

#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  display:block !important;
  width:100% !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
}

#rateRow .split-field-label,
#monthsRow .split-field-label{
  display:none !important;
}

#rateRow .split-field-body,
#monthsRow .split-field-body{
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  padding:0 var(--field-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  padding:0 40px 0 0 !important;
  color:var(--ios-label) !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:var(--field-card-bottom) !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 126px !important;
  width:126px !important;
  min-width:126px !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}


#rateHint[hidden],
#monthsHint[hidden]{
  display:none !important;
}

#rateHint,
#rateHint.is-visible,
#monthsHint,
#monthsHint.is-visible{
  order:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:1 !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--field-card-top) !important;
  height:var(--field-card-top) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  transform:none !important;
  background:transparent !important;
}

#rateHint.is-visible,
#monthsHint.is-visible{
  display:flex !important;
}

#rateHint .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:var(--field-card-top) !important;
  margin:0 !important;
  padding:0 var(--field-card-pad-x) 0 calc(var(--field-card-pad-x) + var(--field-title-width)) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

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

#rateHint .field-choice-strip,
#rateHint .field-choice-values,
#monthsHint .field-choice-strip,
#monthsHint .field-choice-values{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  gap:6px !important;
}

#rateHint .field-choice-range,
#rateHint .field-choice-item,
#rateHint .field-choice-value-cell,
#monthsHint .field-choice-range,
#monthsHint .field-choice-item,
#monthsHint .field-choice-value-cell{
  display:inline-flex !important;
  align-items:center !important;
  line-height:var(--field-meta-line-height) !important;
}

#rateHint .field-fill-choice,
#inputSection #rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#inputSection #monthsHint .field-fill-choice,
#rateHint .field-info-expand,
#monthsHint .field-info-expand,
#rateHint .field-choice-separator,
#rateHint .field-choice-divider,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-separator,
#monthsHint .field-choice-divider,
#monthsHint .field-choice-list-separator{
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--ios-secondary-label) !important;
  font-size:var(--field-meta-size) !important;
  font-weight:var(--field-meta-weight) !important;
  line-height:var(--field-meta-line-height) !important;
  letter-spacing:var(--field-meta-tracking) !important;
}

#rateHint .field-info-expand,
#monthsHint .field-info-expand{
  display:none !important;
}

@media (max-width:720px){
  #rateRow,
  #monthsRow{
    --field-card-radius:15px;
    --field-card-top:34px;
    --field-card-bottom:52px;
    --field-card-pad-x:22px;
  }

  #rateRow{
    --field-title-width:66px;
  }

  #monthsRow{
    --field-title-width:46px;
  }

  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    flex-basis:108px !important;
    width:108px !important;
    min-width:108px !important;
  }

}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  background:rgba(0,122,255,0.12) !important;
  background-color:rgba(0,122,255,0.12) !important;
  border:1px solid rgba(0,122,255,0.22) !important;
  border-radius:999px !important;
  color:#007AFF !important;
  box-shadow:0 1px 2px rgba(0,122,255,0.08) inset !important;
}

#principalHint .field-fill-choice.is-selected:hover,
#rateHint .field-fill-choice.is-selected:hover,
#monthsHint .field-fill-choice.is-selected:hover,
#principalHint .field-fill-choice.is-selected:focus-visible,
#rateHint .field-fill-choice.is-selected:focus-visible,
#monthsHint .field-fill-choice.is-selected:focus-visible{
  background:rgba(0,122,255,0.16) !important;
  background-color:rgba(0,122,255,0.16) !important;
  border-color:rgba(0,122,255,0.32) !important;
  color:#007AFF !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#product.field-control--standalone{
  height:52px !important;
  min-height:52px !important;
  padding:0 44px 0 16px !important;
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:52px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:#8E8E93 !important;
  font-weight:600 !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
  font-weight:700 !important;
}

#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  color:#000000 !important;
  font-size:18px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

/* Final iOS audit pass: stabilize the three value cards after all legacy overrides. */
#principalRow,
#rateRow,
#monthsRow{
  --audit-card-radius:16px;
  --audit-card-top:34px;
  --audit-card-bottom:52px;
  --audit-card-pad-x:22px;
  --audit-meta-size:12px;
  --audit-meta-weight:600;
  --audit-meta-line-height:1.2;
  --audit-meta-color:#8E8E93;
  --audit-value-size:18px;
  --audit-value-weight:700;
  --audit-placeholder-weight:600;
  --audit-value-color:#000000;
  --audit-placeholder-color:#8E8E93;
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--audit-card-top) var(--audit-card-bottom) !important;
  min-height:calc(var(--audit-card-top) + var(--audit-card-bottom)) !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:var(--audit-card-radius) !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#principalRow{
  --principal-card-top:var(--audit-card-top);
  --principal-card-bottom:var(--audit-card-bottom);
  --principal-card-pad-x:var(--audit-card-pad-x);
  --principal-card-radius:var(--audit-card-radius);
  --principal-title-width:62px;
}

#rateRow,
#monthsRow{
  --field-card-top:var(--audit-card-top);
  --field-card-bottom:var(--audit-card-bottom);
  --field-card-pad-x:var(--audit-card-pad-x);
  --field-card-radius:var(--audit-card-radius);
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  height:var(--audit-card-top) !important;
  color:var(--audit-meta-color) !important;
  font-size:var(--audit-meta-size) !important;
  font-weight:var(--audit-meta-weight) !important;
  line-height:var(--audit-meta-line-height) !important;
  letter-spacing:0 !important;
  background:linear-gradient(90deg, #ffffff 0%, #ffffff 78%, rgba(255,255,255,0) 100%) !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  min-height:var(--audit-card-top) !important;
  height:var(--audit-card-top) !important;
  overflow:hidden !important;
  transform:none !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  height:var(--audit-card-top) !important;
  align-items:center !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--audit-card-bottom) !important;
  height:var(--audit-card-bottom) !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 var(--audit-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--audit-card-bottom) !important;
  height:var(--audit-card-bottom) !important;
  color:var(--audit-value-color) !important;
  font-size:var(--audit-value-size) !important;
  font-weight:var(--audit-value-weight) !important;
  line-height:var(--audit-card-bottom) !important;
  letter-spacing:0 !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:var(--audit-placeholder-color) !important;
  font-size:var(--audit-value-size) !important;
  font-weight:var(--audit-placeholder-weight) !important;
  line-height:var(--audit-card-bottom) !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  min-height:var(--audit-card-bottom) !important;
  height:var(--audit-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select,

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:var(--audit-meta-color) !important;
  font-size:var(--audit-meta-size) !important;
  font-weight:var(--audit-meta-weight) !important;
  line-height:var(--audit-meta-line-height) !important;
  letter-spacing:0 !important;
}

/* Final typography lock: product, labels, infos, values. */
#principalRow,
#rateRow,
#monthsRow{
  --audit-meta-size:12px;
  --audit-meta-weight:600;
  --audit-meta-line-height:1.2;
  --audit-meta-color:#8E8E93;
  --audit-value-size:24px;
  --audit-value-weight:600;
  --audit-placeholder-weight:600;
  --audit-value-color:#000000;
  --audit-placeholder-color:#8E8E93;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:var(--audit-meta-color) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-unit-select,

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:24px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#product.field-control--standalone{
  color:#8E8E93 !important;
  font-size:24px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:#8E8E93 !important;
  font-size:24px !important;
  font-weight:600 !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
  font-size:24px !important;
  font-weight:600 !important;
}

/* iOS minimal form reset: single source of truth for the credit inputs. */
#inputSection{
  --ios-form-font:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --ios-bg:#F2F2F7;
  --ios-card:#FFFFFF;
  --ios-text:#000000;
  --ios-secondary:#8E8E93;
  --ios-separator:rgba(60,60,67,0.18);
  --ios-blue:#007AFF;
  --ios-product-size:22px;
  --ios-value-size:22px;
  --ios-meta-size:12px;
  --ios-main-weight:600;
  --ios-meta-weight:600;
  --ios-card-radius:18px;
  --ios-card-top:32px;
  --ios-card-bottom:56px;
  --ios-card-pad-x:22px;
  font-family:var(--ios-form-font) !important;
}

#product.field-control--standalone{
  height:52px !important;
  min-height:52px !important;
  padding:0 44px 0 16px !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-product-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:52px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:var(--ios-secondary) !important;
  font-weight:var(--ios-main-weight) !important;
}

#product.field-control--standalone.is-selected{
  color:var(--ios-text) !important;
  font-weight:var(--ios-main-weight) !important;
}

#principalRow,
#rateRow,
#monthsRow{
  --principal-card-radius:var(--ios-card-radius);
  --principal-card-top:var(--ios-card-top);
  --principal-card-bottom:var(--ios-card-bottom);
  --principal-card-pad-x:var(--ios-card-pad-x);
  --field-card-radius:var(--ios-card-radius);
  --field-card-top:var(--ios-card-top);
  --field-card-bottom:var(--ios-card-bottom);
  --field-card-pad-x:var(--ios-card-pad-x);
  --audit-card-radius:var(--ios-card-radius);
  --audit-card-top:var(--ios-card-top);
  --audit-card-bottom:var(--ios-card-bottom);
  --audit-card-pad-x:var(--ios-card-pad-x);
  --audit-meta-size:var(--ios-meta-size);
  --audit-meta-weight:var(--ios-meta-weight);
  --audit-meta-line-height:1.2;
  --audit-meta-color:var(--ios-secondary);
  --audit-value-size:var(--ios-value-size);
  --audit-value-weight:var(--ios-main-weight);
  --audit-placeholder-weight:var(--ios-main-weight);
  --audit-value-color:var(--ios-text);
  --audit-placeholder-color:var(--ios-secondary);
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--ios-card-top) var(--ios-card-bottom) !important;
  min-height:calc(var(--ios-card-top) + var(--ios-card-bottom)) !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:var(--ios-card) !important;
  border:0 !important;
  border-radius:var(--ios-card-radius) !important;
  box-shadow:none !important;
  font-family:var(--ios-form-font) !important;
  isolation:isolate !important;
}

#principalRow{ --principal-title-width:56px; }
#rateRow{ --field-title-width:64px; }
#monthsRow{ --field-title-width:42px; }

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  top:0 !important;
  left:0 !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  height:var(--ios-card-top) !important;
  padding-left:var(--ios-card-pad-x) !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  background:linear-gradient(90deg, var(--ios-card) 0%, var(--ios-card) 78%, rgba(255,255,255,0) 100%) !important;
  pointer-events:none !important;
}

#principalRow::before{
  width:calc(var(--ios-card-pad-x) + var(--principal-title-width)) !important;
}

#rateRow::before,
#monthsRow::before{
  width:calc(var(--ios-card-pad-x) + var(--field-title-width)) !important;
}

#principalRow::after,
#rateRow::after,
#monthsRow::after{
  content:none !important;
  display:none !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input{
  order:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
}

#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  display:block !important;
  width:100% !important;
}

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

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  padding:0 var(--ios-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  padding:0 40px 0 0 !important;
  color:var(--ios-text) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:var(--ios-card-bottom) !important;
  letter-spacing:0 !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:var(--ios-secondary) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:var(--ios-card-bottom) !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 112px !important;
  width:112px !important;
  min-width:112px !important;
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select,

#principalHint[hidden],
#rateHint[hidden],
#monthsHint[hidden]{
  display:none !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  order:1 !important;
  grid-row:1 !important;
  min-height:var(--ios-card-top) !important;
  height:var(--ios-card-top) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  transform:none !important;
  background:transparent !important;
}

#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  display:flex !important;
  align-items:center !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  height:var(--ios-card-top) !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#principalHint .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--principal-title-width)) !important;
}

#rateHint .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--field-title-width)) !important;
}

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

#principalHint .field-choice-strip,
#rateHint .field-choice-strip,
#monthsHint .field-choice-strip,
#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  padding:1px 6px !important;
  color:var(--ios-blue) !important;
  background:rgba(0,122,255,0.10) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

/* iOS polish pass: calmer grouped form, balanced type and spacing. */
body.credit-page,
.credit-page{
  background:#F2F2F7 !important;
}

#inputSection{
  --ios-form-font:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --ios-card:#FFFFFF;
  --ios-text:#000000;
  --ios-secondary:#8E8E93;
  --ios-separator:#D1D1D6;
  --ios-blue:#007AFF;
  --ios-product-size:20px;
  --ios-value-size:22px;
  --ios-unit-size:20px;
  --ios-meta-size:12px;
  --ios-main-weight:600;
  --ios-meta-weight:600;
  --ios-card-radius:16px;
  --ios-card-top:32px;
  --ios-card-bottom:56px;
  --ios-card-pad-x:22px;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  font-family:var(--ios-form-font) !important;
}

.credit-grid{
  gap:10px !important;
}

#product.field-control--standalone{
  height:48px !important;
  min-height:48px !important;
  padding:0 44px 0 0 !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-product-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:48px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:var(--ios-secondary) !important;
  font-weight:var(--ios-main-weight) !important;
}

#product.field-control--standalone.is-selected{
  color:var(--ios-text) !important;
  font-weight:var(--ios-main-weight) !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  height:1px !important;
  background:var(--ios-separator) !important;
  box-shadow:none !important;
  animation:none !important;
}

#principalRow,
#rateRow,
#monthsRow{
  --principal-card-radius:var(--ios-card-radius);
  --principal-card-top:var(--ios-card-top);
  --principal-card-bottom:var(--ios-card-bottom);
  --principal-card-pad-x:var(--ios-card-pad-x);
  --field-card-radius:var(--ios-card-radius);
  --field-card-top:var(--ios-card-top);
  --field-card-bottom:var(--ios-card-bottom);
  --field-card-pad-x:var(--ios-card-pad-x);
  --audit-card-radius:var(--ios-card-radius);
  --audit-card-top:var(--ios-card-top);
  --audit-card-bottom:var(--ios-card-bottom);
  --audit-card-pad-x:var(--ios-card-pad-x);
  --audit-meta-size:var(--ios-meta-size);
  --audit-value-size:var(--ios-value-size);
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--ios-card-top) var(--ios-card-bottom) !important;
  min-height:calc(var(--ios-card-top) + var(--ios-card-bottom)) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:var(--ios-card) !important;
  border:0 !important;
  border-radius:var(--ios-card-radius) !important;
  box-shadow:0 1px 0 rgba(0,0,0,0.02) !important;
  font-family:var(--ios-form-font) !important;
}

#principalRow{ --principal-title-width:54px; }
#rateRow{ --field-title-width:62px; }
#monthsRow{ --field-title-width:40px; }

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  top:0 !important;
  left:0 !important;
  display:flex !important;
  align-items:center !important;
  height:var(--ios-card-top) !important;
  padding-left:var(--ios-card-pad-x) !important;
  color:var(--ios-secondary) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  background:linear-gradient(90deg, var(--ios-card) 0%, var(--ios-card) 82%, rgba(255,255,255,0) 100%) !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 var(--ios-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  padding:0 38px 0 0 !important;
  color:var(--ios-text) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:var(--ios-card-bottom) !important;
  letter-spacing:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:var(--ios-secondary) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  opacity:1 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  flex:0 0 104px !important;
  width:104px !important;
  min-width:104px !important;
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select,

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport{
  min-height:var(--ios-card-top) !important;
  height:var(--ios-card-top) !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:var(--ios-secondary) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  padding:1px 6px !important;
  color:var(--ios-blue) !important;
  background:rgba(0,122,255,0.09) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

/* iOS visual hierarchy pass: typography only. */
#inputSection,
#inputSection input,
#inputSection select,
#inputSection button{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
}

#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  font-size:20px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.18 !important;
  letter-spacing:0.4px !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected{
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  font-size:24px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  font-size:22px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-unit-select,

/* Footnote metadata: 13px Regular, selected info Semi-Bold. */
#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Headline controls: 18px / Semi-Bold 600. */
#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder,
#principalRow .split-field-unit-select,

/* Final iOS compact spacing pass: product line, card rhythm, and info chips. */
@keyframes iosProductLineShineFinal{
  0%{ background-position:0 0, -60% 0; }
  100%{ background-position:0 0, 160% 0; }
}

#inputSection{
  --ios-card-top:28px;
  --ios-card-bottom:50px;
  --ios-card-pad-x:20px;
  --ios-card-radius:16px;
  --ios-meta-size:13px;
}

#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  height:48px !important;
  min-height:48px !important;
  padding-left:16px !important;
  padding-right:16px !important;
  line-height:48px !important;
  letter-spacing:1px !important;
}

.credit-grid > .field-row:first-child .field-input{
  padding-left:0 !important;
  padding-right:0 !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:1px !important;
  background:
    linear-gradient(90deg, rgba(209,209,214,0.95), rgba(142,142,147,0.56), rgba(209,209,214,0.95)),
    linear-gradient(105deg, rgba(255,255,255,0) 12%, rgba(255,255,255,0.92) 46%, rgba(255,255,255,0.12) 58%, rgba(255,255,255,0) 78%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100%, 42% 100% !important;
  background-position:0 0, -60% 0 !important;
  animation:iosProductLineShineFinal 2.8s linear infinite !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.72) inset !important;
}

#principalRow,
#rateRow,
#monthsRow{
  --principal-card-radius:var(--ios-card-radius);
  --principal-card-top:var(--ios-card-top);
  --principal-card-bottom:var(--ios-card-bottom);
  --principal-card-pad-x:var(--ios-card-pad-x);
  --field-card-radius:var(--ios-card-radius);
  --field-card-top:var(--ios-card-top);
  --field-card-bottom:var(--ios-card-bottom);
  --field-card-pad-x:var(--ios-card-pad-x);
  --audit-card-radius:var(--ios-card-radius);
  --audit-card-top:var(--ios-card-top);
  --audit-card-bottom:var(--ios-card-bottom);
  --audit-card-pad-x:var(--ios-card-pad-x);
  grid-template-rows:var(--ios-card-top) var(--ios-card-bottom) !important;
  min-height:calc(var(--ios-card-top) + var(--ios-card-bottom)) !important;
  border-radius:var(--ios-card-radius) !important;
}

#principalRow{ --principal-title-width:58px; }
#rateRow{ --field-title-width:74px; }
#monthsRow{ --field-title-width:50px; }

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  height:var(--ios-card-top) !important;
  padding-left:var(--ios-card-pad-x) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:1px !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 var(--ios-card-pad-x) !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  line-height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  line-height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit,
#principalRow .split-field-unit-select,

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  min-height:var(--ios-card-top) !important;
  height:var(--ios-card-top) !important;
}

#principalHint .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--principal-title-width) + 10px) !important;
  gap:6px !important;
}

#rateHint .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--field-title-width) + 10px) !important;
  gap:6px !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  min-height:20px !important;
  height:20px !important;
  padding:0 8px !important;
  color:#3C3C43 !important;
  background:#F2F2F7 !important;
  border:1px solid rgba(60,60,67,0.12) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  color:#FFFFFF !important;
  background:#1C1C1E !important;
  border-color:#1C1C1E !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
}

#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:#8E8E93 !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Currency radio group: horizontal iOS-style options. */
#principalRow .split-field-unit--select{
  flex:0 0 138px !important;
  width:138px !important;
  min-width:138px !important;
  justify-content:flex-end !important;
  padding:0 16px 0 0 !important;
}

#principalRow .split-field-unit--select::after{
  content:none !important;
  display:none !important;
}

#principalRow .currency-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#principalRow .currency-radio-group{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:100% !important;
  height:var(--ios-card-bottom) !important;
  min-height:var(--ios-card-bottom) !important;
}

#principalRow .currency-radio-option{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 !important;
  margin:0 !important;
  color:#8E8E93 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:var(--ios-form-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  user-select:none !important;
}

#principalRow .currency-radio-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#principalRow .currency-radio-mark{
  position:relative !important;
  display:inline-flex !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border:1.5px solid #8E8E93 !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-sizing:border-box !important;
}

#principalRow .currency-radio-mark::after{
  content:"" !important;
  position:absolute !important;
  inset:3px !important;
  border-radius:999px !important;
  background:#1C1C1E !important;
  transform:scale(0) !important;
  transition:transform .14s ease !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark{
  border-color:#1C1C1E !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark::after{
  transform:scale(1) !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text{
  color:#1C1C1E !important;
}

#principalRow .currency-radio-input:focus-visible + .currency-radio-mark{
  outline:2px solid rgba(0,122,255,0.35) !important;
  outline-offset:2px !important;
}

/* Rate and term units: horizontal iOS radio choices. */
#rateRow .split-field-unit--radio{
  flex:0 0 166px !important;
  width:166px !important;
  min-width:166px !important;
  justify-content:flex-end !important;
  padding:0 16px 0 0 !important;
}

#monthsRow .split-field-unit--radio{
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
  justify-content:flex-end !important;
  padding:0 16px 0 0 !important;
}

#rateRow .unit-radio-group,
#monthsRow .unit-radio-group{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:100% !important;
  height:var(--ios-card-bottom) !important;
  min-height:var(--ios-card-bottom) !important;
}

#rateRow .unit-radio-group{
  gap:8px !important;
}

#monthsRow .unit-radio-group{
  gap:10px !important;
}

#rateRow .unit-radio-option,
#monthsRow .unit-radio-option{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 !important;
  margin:0 !important;
  color:#8E8E93 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:var(--ios-form-font) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  user-select:none !important;
  white-space:nowrap !important;
}

#monthsRow .unit-radio-option{
  font-size:13px !important;
}

#rateRow .unit-radio-input,
#monthsRow .unit-radio-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#rateRow .unit-radio-mark,
#monthsRow .unit-radio-mark{
  position:relative !important;
  display:inline-flex !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border:1.5px solid #8E8E93 !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-sizing:border-box !important;
}

#rateRow .unit-radio-mark::after,
#monthsRow .unit-radio-mark::after{
  content:"" !important;
  position:absolute !important;
  inset:3px !important;
  border-radius:999px !important;
  background:#1C1C1E !important;
  transform:scale(0) !important;
  transition:transform .14s ease !important;
}

#rateRow .unit-radio-input:checked + .unit-radio-mark,
#monthsRow .unit-radio-input:checked + .unit-radio-mark{
  border-color:#1C1C1E !important;
}

#rateRow .unit-radio-input:checked + .unit-radio-mark::after,
#monthsRow .unit-radio-input:checked + .unit-radio-mark::after{
  transform:scale(1) !important;
}

#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  color:#1C1C1E !important;
}

#rateRow .unit-radio-input:focus-visible + .unit-radio-mark,
#monthsRow .unit-radio-input:focus-visible + .unit-radio-mark{
  outline:2px solid rgba(0,122,255,0.35) !important;
  outline-offset:2px !important;
}

/* Final typography unification: product spacing and all compact option text. */
#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  letter-spacing:0 !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator,
#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option{
  color:#8E8E93 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  line-height:18px !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  color:#FFFFFF !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  color:#1C1C1E !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Final compact text weight: labels, info chips and unit selectors use Medium 500. */
#rateRow .unit-radio-group{
  gap:14px !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator,
#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option,
#principalRow .currency-radio-text,
#rateRow .unit-radio-text,
#monthsRow .unit-radio-text{
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected,
#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option,
#principalRow .currency-radio-text,
#rateRow .unit-radio-text,
#monthsRow .unit-radio-text,
#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Final label copy and tracking: Shuma, Interesi, Afati. */
#principalRow::before{
  content:"Shuma" !important;
}

#rateRow::before{
  content:"Interesi" !important;
}

#monthsRow::before{
  content:"Afati" !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Final iOS card proportion: 1/3 label area, 2/3 value area with separator. */
#inputSection{
  --ios-card-top:28px;
  --ios-card-bottom:50px;
  --ios-card-pad-x:20px;
}

#principalRow,
#rateRow,
#monthsRow{
  grid-template-rows:28px 50px !important;
  min-height:78px !important;
  height:78px !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  height:28px !important;
  align-items:center !important;
  padding-left:20px !important;
  line-height:16px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

#principalRow::after,
#rateRow::after,
#monthsRow::after{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  left:0 !important;
  right:0 !important;
  top:28px !important;
  display:block !important;
  width:auto !important;
  height:1px !important;
  background:rgba(60,60,67,0.10) !important;
  box-shadow:none !important;
  transform:scaleY(.45) !important;
  transform-origin:top center !important;
  pointer-events:none !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:50px !important;
  height:50px !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 10px 0 20px !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  min-height:50px !important;
  height:50px !important;
  line-height:50px !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit--radio,
#monthsRow .split-field-unit--radio,
#principalRow .currency-radio-group,
#rateRow .unit-radio-group,
#monthsRow .unit-radio-group{
  min-height:50px !important;
  height:50px !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit--radio,
#monthsRow .split-field-unit--radio{
  padding-right:8px !important;
}

#principalRow .split-field-unit--select{
  flex-basis:130px !important;
  width:130px !important;
  min-width:130px !important;
}

#rateRow .split-field-unit--radio{
  flex-basis:158px !important;
  width:158px !important;
  min-width:158px !important;
}

#monthsRow .split-field-unit--radio{
  flex-basis:110px !important;
  width:110px !important;
  min-width:110px !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  min-height:28px !important;
  height:28px !important;
  align-items:center !important;
}

/* Final info chips: iOS filled capsules, no outline. */
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#inputSection #principalHint .field-fill-choice,
#inputSection #rateHint .field-fill-choice,
#inputSection #monthsHint .field-fill-choice{
  min-height:22px !important;
  height:22px !important;
  padding:0 9px !important;
  color:#1C1C1E !important;
  background:rgba(118,118,128,0.10) !important;
  background-color:rgba(118,118,128,0.10) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:0 1px 1px rgba(0,0,0,0.035) !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice:hover,
#principalHint .field-fill-choice:focus-visible,
#rateHint .field-fill-choice:hover,
#rateHint .field-fill-choice:focus-visible,
#monthsHint .field-fill-choice:hover,
#monthsHint .field-fill-choice:focus-visible{
  background:rgba(118,118,128,0.16) !important;
  background-color:rgba(118,118,128,0.16) !important;
  border:0 !important;
  color:#1C1C1E !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  color:#FFFFFF !important;
  background:#5A5A5F !important;
  background-color:#5A5A5F !important;
  border:0 !important;
  box-shadow:0 2px 5px rgba(0,0,0,0.12) !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
}

/* Final input cleanup: no clear X buttons and no native arrows on Afati. */
#principalRow .split-field-clear,
#rateRow .split-field-clear,
#monthsRow .split-field-clear,
#principalRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#rateRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#monthsRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  padding-right:2px !important;
}

#months{
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}

#months::-webkit-outer-spin-button,
#months::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  appearance:none !important;
  margin:0 !important;
}

/* Final Afati info spacing: no dash separators, only clean gaps. */
#monthsHint .field-choice-range--spaced{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

@media (max-width:420px){
  #monthsHint .field-choice-range--spaced{
    gap:2px !important;
  }

  #monthsHint .field-fill-choice,
  #inputSection #monthsHint .field-fill-choice{
    padding:0 6px !important;
    font-size:10.5px !important;
  }
}

/* Final mobile keyboard lock: header stays visually fixed while content scrolls. */
@media (max-width:1199px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
    padding:0 !important;
    background:#f2f2f7 !important;
    overscroll-behavior:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:calc(var(--mobile-top-shell-header-safe-height) + 8px) var(--credit-mobile-page-padding, 12px) calc(var(--credit-mobile-page-padding, 12px) + var(--mobile-keyboard-inset, 0px) + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
}

/* Final info clipping: clean solid label mask without fuzzy fade. */
#inputSection{
  --field-info-align-x:116px;
  --principal-info-mask-x:92px;
  --rate-info-mask-x:108px;
  --months-info-mask-x:92px;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  color:#000000 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  filter:none !important;
}

#principalRow::before{
  width:var(--principal-info-mask-x) !important;
}

#rateRow::before{
  width:var(--rate-info-mask-x) !important;
}

#monthsRow::before{
  width:var(--months-info-mask-x) !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-shadow:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:var(--field-info-align-x) !important;
}

/* Final top-row rhythm: labels and info chips sit centered between top edge and separator. */
#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values,
#principalHint .field-choice-strip,
#rateHint .field-choice-strip,
#monthsHint .field-choice-strip,
#principalHint .field-choice-range,
#rateHint .field-choice-range,
#monthsHint .field-choice-range{
  min-height:28px !important;
  height:28px !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Final bottom-row rhythm: values and unit selectors sit centered below the separator. */
#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-unit,
#rateRow .split-field-unit,
#monthsRow .split-field-unit,
#principalRow .currency-radio-group,
#rateRow .unit-radio-group,
#monthsRow .unit-radio-group,
#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option{
  min-height:50px !important;
  height:50px !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-unit,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  display:flex !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  min-height:50px !important;
  height:50px !important;
  line-height:50px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  align-self:center !important;
}

#principalRow .currency-radio-text,
#rateRow .unit-radio-text,
#monthsRow .unit-radio-text{
  display:inline-flex !important;
  align-items:center !important;
  min-height:50px !important;
  height:50px !important;
  line-height:1 !important;
}

/* Final load polish: defer expensive below-the-fold rendering until needed. */
#resultsPanel{
  content-visibility:auto;
  contain-intrinsic-size:1px 520px;
}

/* Final results surface: share button -> divider -> white amortization table. */
#loanResultsSurface.loan-results-surface{
  display:block !important;
  margin-top:8px !important;
  padding:0 0 0 !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
}

#loanResultsSurface.loan-results-surface.is-hidden{
  display:none !important;
}

#resultsPanel.table-panel,
#resultsPanel.card-min.table-premium{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

#loanResultsSurface .loan-results-divider{
  display:block !important;
  width:100% !important;
  height:1px !important;
  margin:0 0 12px !important;
  background:rgba(60,60,67,0.22) !important;
  transform:none !important;
}

@media (max-width:720px){
  #loanResultsSurface .loan-results-divider{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
}

#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

#principalHint .field-info-expand,
#rateHint .field-info-expand,
#monthsHint .field-info-expand{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

#principalHint .field-choice-values::before,
#principalHint .field-choice-values::after,
#rateHint .field-choice-values::before,
#rateHint .field-choice-values::after,
#monthsHint .field-choice-values::before,
#monthsHint .field-choice-values::after,
#principalHint .field-info-expand::before,
#principalHint .field-info-expand::after,
#rateHint .field-info-expand::before,
#rateHint .field-info-expand::after,
#monthsHint .field-info-expand::before,
#monthsHint .field-info-expand::after{
  content:none !important;
  display:none !important;
}

/* Final premium placeholder tone: lighter iOS gray for empty main controls. */
#product.field-control--standalone.is-placeholder{
  color:#AEAEB2 !important;
  -webkit-text-fill-color:#AEAEB2 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#AEAEB2 !important;
  -webkit-text-fill-color:#AEAEB2 !important;
  opacity:1 !important;
}

/* Final loan date row: visible below Afati and visually matched to the main cards. */
#loanDateRow{
  width:100%;
  margin-top:8px;
}

body.shared-loan-view #loanDateRow{
  display:none !important;
}

#inputSection #loanDateRow .loan-more-date-notice{
  margin:0 8px 7px;
  padding:0;
  color:#FF3B30;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
}

#inputSection #loanDateRow .loan-more-date-notice[hidden]{
  display:none !important;
}

#inputSection #loanDateRow .loan-more-date-card{
  --loan-date-top:28px;
  --loan-date-bottom:50px;
  --loan-date-pad-x:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  align-items:stretch;
  min-height:calc(var(--loan-date-top) + var(--loan-date-bottom)) !important;
  height:calc(var(--loan-date-top) + var(--loan-date-bottom)) !important;
  overflow:hidden;
  background:#FFFFFF !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

#inputSection #loanDateRow .loan-more-date-card.is-invalid{
  box-shadow:0 0 0 0.75px rgba(255,59,48,0.42) inset !important;
}

#inputSection #loanDateRow .loan-more-date-segment{
  display:grid;
  grid-template-rows:var(--loan-date-top) var(--loan-date-bottom);
  min-width:0;
  height:100%;
  padding:0 var(--loan-date-pad-x);
  color:#000000;
  text-decoration:none;
  cursor:pointer;
}

#inputSection #loanDateRow .loan-more-date-label{
  display:flex;
  align-items:flex-end;
  min-height:var(--loan-date-top);
  height:var(--loan-date-top);
  padding:0 0 4px;
  color:#8E8E93 !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap;
}

#inputSection #loanDateRow .loan-more-date-input,
#inputSection #disbursement.loan-more-date-input,
#inputSection #firstPaymentDate.loan-more-date-input{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:100%;
  min-width:0;
  min-height:var(--loan-date-bottom) !important;
  height:var(--loan-date-bottom) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#000000 !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:var(--loan-date-bottom) !important;
  letter-spacing:0 !important;
  text-align:left !important;
}

#inputSection #disbursement.loan-more-date-input:invalid,
#inputSection #firstPaymentDate.loan-more-date-input:invalid,
#inputSection #disbursement.loan-more-date-input.is-empty,
#inputSection #firstPaymentDate.loan-more-date-input.is-empty{
  color:#8E8E93 !important;
}

#inputSection #disbursement.loan-more-date-input[aria-invalid="true"]:not(.is-empty),
#inputSection #firstPaymentDate.loan-more-date-input[aria-invalid="true"]:not(.is-empty){
  color:#000000 !important;
}

#inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit,
#inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #loanDateRow .loan-more-date-input::-webkit-date-and-time-value,
#inputSection #disbursement.loan-more-date-input::-webkit-datetime-edit,
#inputSection #disbursement.loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #disbursement.loan-more-date-input::-webkit-date-and-time-value,
#inputSection #firstPaymentDate.loan-more-date-input::-webkit-datetime-edit,
#inputSection #firstPaymentDate.loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #firstPaymentDate.loan-more-date-input::-webkit-date-and-time-value{
  justify-content:flex-start !important;
  min-height:var(--loan-date-bottom) !important;
  height:var(--loan-date-bottom) !important;
  padding:0 !important;
  color:inherit !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:var(--loan-date-bottom) !important;
  text-align:left !important;
}

#inputSection #loanDateRow .loan-more-date-input::-webkit-calendar-picker-indicator{
  opacity:0 !important;
  width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#inputSection #loanDateRow .loan-more-date-input:focus{
  outline:none !important;
  box-shadow:none !important;
}

#inputSection #loanDateRow .loan-more-date-divider{
  align-self:center;
  width:1px;
  height:46px;
  background:rgba(60,60,67,0.12);
  transform:scaleX(.5);
  transform-origin:center;
  pointer-events:none;
}

/* Final validation: out-of-product values turn dark red consistently. */
#principalRow input#principal.is-invalid,
#principalRow .split-field--principal.is-invalid input#principal,
#monthsRow input#months.is-invalid,
#monthsRow .split-field--principal.is-invalid input#months,
#rateRow input#rate.is-invalid,
#rateRow .split-field--principal.is-invalid input#rate{
  color:#8B1E1E !important;
  -webkit-text-fill-color:#8B1E1E !important;
  caret-color:#8B1E1E !important;
}

/* Final iOS product picker: rounded capsule with clear placeholder/selected states. */
.credit-grid > .field-row:first-child .field-input{
  position:relative !important;
}

.credit-grid > .field-row:first-child .field-input::before{
  content:none !important;
  display:none !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  content:none !important;
  display:none !important;
}

#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  line-height:48px !important;
  margin:0 !important;
  padding:0 54px 0 22px !important;
  position:relative !important;
  z-index:2 !important;
  border:1px solid rgba(9,9,121,0.26) !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.4' 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 24px 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:#5E6373 !important;
  -webkit-text-fill-color:#5E6373 !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size:17px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  text-transform:none !important;
  transition:background-color .18s ease, box-shadow .18s ease, color .18s ease, -webkit-text-fill-color .18s ease;
}

#product.field-control--standalone.is-selected{
  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.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  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 9px 20px rgba(9,9,121,0.07) !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  font-weight:600 !important;
}

#product.field-control--standalone:focus{
  outline:none !important;
  border-color:rgba(9,9,121,0.42) !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"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  background-repeat:no-repeat !important;
  background-position:right 24px 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 3px rgba(9,9,121,0.075),
    0 10px 24px rgba(9,9,121,0.09) !important;
}

#product.field-control--standalone.is-selected:focus{
  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"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  background-color:#FFFFFF !important;
}

#product.field-control--standalone.is-invalid{
  background-color:#FFF5F5 !important;
  color:#8B1E1E !important;
  -webkit-text-fill-color:#8B1E1E !important;
  box-shadow:0 0 0 1px rgba(255,59,48,0.34) inset !important;
}

#principalRow .split-field--principal .split-field-label::after,
#rateRow .split-field--principal .split-field-label::after,
#monthsRow .split-field--principal .split-field-label::after{
  width:2.4px !important;
  height:32px !important;
  background:rgba(176,176,186,0.96) !important;
  border-radius:999px !important;
}

#principalRow .split-field--principal.is-valid .split-field-label::after,
#rateRow .split-field--principal.is-valid .split-field-label::after,
#monthsRow .split-field--principal.is-valid .split-field-label::after{
  background:rgba(176,176,186,0.96) !important;
}

#principalRow .split-field--principal.is-invalid .split-field-label::after,
#rateRow .split-field--principal.is-invalid .split-field-label::after,
#monthsRow .split-field--principal.is-invalid .split-field-label::after{
  background:rgba(176,176,186,0.96) !important;
}

#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  background:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
}

@media (max-width:720px){
  #product.field-control--standalone,
  #product.field-control--standalone.is-placeholder,
  #product.field-control--standalone.is-selected{
    min-height:46px !important;
    height:46px !important;
    line-height:46px !important;
    padding-left:18px !important;
    padding-right:52px !important;
    background-position:right 22px center, 0 0 !important;
    font-size:16px !important;
  }
}

/* Final Apple-style share action: calculation is automatic, so only share remains. */
.credit-actions{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:center !important;
  margin-top:18px !important;
  gap:0 !important;
}

.credit-actions .btn-share-ios,
.credit-actions > .btn-min.btn-share-ios,
.credit-actions > .btn-min.btn-secondary.btn-share-ios{
  flex:0 0 268px !important;
  width:268px !important;
  inline-size:268px !important;
  min-width:0 !important;
  max-width:268px !important;
  min-height:44px !important;
  height:44px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:16px !important;
  background:rgba(118,118,128,0.12) !important;
  background-color:rgba(118,118,128,0.12) !important;
  color:#1C1C1E !important;
  box-shadow:inset 0 0 0 0.5px rgba(60,60,67,0.10), 0 6px 16px rgba(0,0,0,0.05) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:44px !important;
  letter-spacing:0 !important;
}

.credit-actions .btn-share-ios svg,
.credit-actions .btn-share-ios i{
  width:17px !important;
  height:17px !important;
  stroke-width:2 !important;
}

.credit-actions .btn-share-ios:hover,
.credit-actions .btn-share-ios:focus-visible{
  background:rgba(118,118,128,0.18) !important;
  background-color:rgba(118,118,128,0.18) !important;
  color:#1C1C1E !important;
}

.credit-actions .btn-share-ios:active{
  transform:scale(0.985);
  background:rgba(118,118,128,0.22) !important;
  background-color:rgba(118,118,128,0.22) !important;
}

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

#loanMoreOptionsRow.loan-more-options-row::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

#loanMoreOptionsToggle.loan-more-options-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:40px !important;
  height:40px !important;
  padding:0 2px !important;
  border:0 !important;
  background:transparent !important;
  color:#1C1C1E !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

#loanMoreOptionsToggleText{
  display:inline-flex !important;
  align-items:center !important;
}

#loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border:0 !important;
  border-radius:999px !important;
  color:#FFFFFF !important;
  background:#4A4A4C !important;
  background-color:#4A4A4C !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.12) !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:none !important;
  transition:none !important;
}

#loanMoreOptionsToggleMark::before{
  content:"" !important;
  display:block !important;
  width:8px !important;
  height:8px !important;
  border-right:2.4px solid rgba(255,255,255,0.96) !important;
  border-bottom:2.4px solid rgba(255,255,255,0.96) !important;
  transform:translateY(-1.5px) rotate(45deg) !important;
}

#loanMoreOptionsToggleMark svg{
  width:20px !important;
  height:20px !important;
  stroke:#FFFFFF !important;
  stroke-width:2.7 !important;
}

#loanMoreOptionsToggle.is-open #loanMoreOptionsToggleMark::before{
  transform:translateY(1.5px) rotate(225deg) !important;
}

#loanMoreOptionsPanel.loan-more-options-panel{
  margin-top:2px !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#loanMoreOptionsPanel .loan-more-options-grid{
  gap:0 !important;
}

#loanMoreOptionsPanel .loan-more-option-field{
  min-height:40px !important;
  grid-template-columns:minmax(0, 1fr) minmax(116px, .78fr) !important;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:0.5px solid rgba(60,60,67,0.18) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

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

#loanMoreOptionsPanel .loan-more-option-label{
  color:#3A3A3C !important;
  font-size:17px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.15 !important;
  white-space:normal !important;
}

#loanMoreOptionsPanel .loan-more-option-control,
#loanMoreOptionsPanel .loan-more-option-input,
#loanMoreOptionsPanel .loan-more-option-output{
  min-height:40px !important;
  height:40px !important;
  color:#1C1C1E !important;
  font-size:17px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:40px !important;
  text-align:right !important;
}

#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-label,
#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-output{
  color:#1C1C1E !important;
  font-size:17px !important;
  font-weight:700 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#C7C7CC !important;
  -webkit-text-fill-color:#C7C7CC !important;
  font-size:12px !important;
  font-weight:300 !important;
  line-height:46px !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

@media (max-width:720px){
  #principalRow .split-field-body input.split-field-control::placeholder,
  #rateRow .split-field-body input.split-field-control::placeholder,
  #monthsRow .split-field-body input.split-field-control::placeholder{
    font-size:12px !important;
    font-weight:300 !important;
    letter-spacing:0 !important;
  }
}