.zayman-depositvsprepayment{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.zayman-depositvsprepayment>*{min-width:0}.zayman-depositvsprepayment [hidden]{display:none!important}
.zayman-depositvsprepayment h2{font-size:26px;margin:0 0 20px}.zayman-depositvsprepayment p{line-height:1.65}
.zayman-depositvsprepayment__workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}
.zayman-depositvsprepayment fieldset{min-width:0;border:0;padding:0;margin:0}
.zayman-depositvsprepayment__field{display:grid;gap:8px;margin-bottom:18px;font-size:16px}.zayman-depositvsprepayment__field>span{font-weight:600}
.zayman-depositvsprepayment__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.zayman-depositvsprepayment__hint{font-size:14px;color:#52627a}
.zayman-depositvsprepayment__advanced{padding:16px;border:1px solid #dce4ef;border-radius:12px;margin-top:16px}
.zayman-depositvsprepayment__advanced summary{cursor:pointer;font-weight:650;font-size:16px}.zayman-depositvsprepayment__advanced[open] summary{margin-bottom:20px}
.zayman-depositvsprepayment__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.zayman-depositvsprepayment button{min-height:44px;border:1px solid #3159aa;border-radius:10px;padding:11px 16px;background:#3159aa;color:#fff;font:inherit;font-size:16px;cursor:pointer}
.zayman-depositvsprepayment button:hover{background:#24478e}.zayman-depositvsprepayment button.zayman-depositvsprepayment__secondary{background:#fff;color:#3159aa;border-color:#b9c7d9}
.zayman-depositvsprepayment__result{border-radius:18px;padding:28px;background:#edf3fc;min-width:0}.zayman-depositvsprepayment__number{font-size:36px;font-weight:700;overflow-wrap:anywhere}
.zayman-depositvsprepayment__result dl{margin:0}.zayman-depositvsprepayment__result dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:14px 0;border-bottom:1px solid #d5dfed;font-size:16px}
.zayman-depositvsprepayment__result dd{margin:0;text-align:right;font-weight:650;overflow-wrap:anywhere}
.zayman-depositvsprepayment [data-details]{display:grid;gap:32px}.zayman-depositvsprepayment__scroll{overflow:auto;max-width:100%;border:1px solid #dce4ef;border-radius:14px}
.zayman-depositvsprepayment table{min-width:850px;width:100%;border-collapse:collapse}.zayman-calculator-page .zayman-depositvsprepayment table :is(th,td):not(:first-child){text-align:right}
.zayman-depositvsprepayment [data-error]{color:#a22429;font-size:16px}.zayman-depositvsprepayment__more{margin-top:20px}.zayman-depositvsprepayment__copy-text{width:100%;min-height:140px;font:inherit;margin-top:16px}
.zayman-depositvsprepayment input,.zayman-depositvsprepayment select,.zayman-depositvsprepayment textarea{width:100%;min-width:0;box-sizing:border-box;min-height:48px;padding:11px 12px;border:1px solid #b9c7d9;border-radius:10px;background:#fff;color:#23334d;font:inherit;font-size:16px}
.zayman-depositvsprepayment :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #3159aa;outline-offset:3px}
.zayman-depositvsprepayment__result:not([hidden]){animation:depositvsprepayment-result 180ms ease}@keyframes depositvsprepayment-result{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.zayman-depositvsprepayment__workspace{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:640px){.zayman-depositvsprepayment h2{font-size:24px}.zayman-depositvsprepayment__pair{grid-template-columns:minmax(0,1fr);gap:0}.zayman-depositvsprepayment__result{padding:20px}.zayman-depositvsprepayment__number{font-size:32px}}
@media(max-width:480px){.zayman-depositvsprepayment__result dl>div{display:block}.zayman-depositvsprepayment__result dd{margin-top:6px;text-align:left;overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.zayman-depositvsprepayment *{animation:none!important;transition:none!important}}

.zayman-depositvsprepayment textarea{resize:vertical;line-height:1.6}.zayman-calculator-page .zayman-depositvsprepayment table th:first-child{min-width:100px}
@media(max-width:640px){.zayman-calculator-page:has(.zayman-depositvsprepayment) h1{font-size:28px}}

.zayman-calculator-page .zayman-depositvsprepayment table :is(th,td):first-child{width:150px;min-width:150px;max-width:150px;white-space:normal;box-sizing:border-box}
.zayman-calculator-page .zayman-depositvsprepayment table :is(th,td):nth-child(2){text-align:left}
@media(max-width:480px){.zayman-calculator-page .zayman-depositvsprepayment table :is(th,td):first-child{position:static}.zayman-calculator-page #depositvsprepayment-title{font-size:28px}}

.zayman-calculator-page .zayman-depositvsprepayment table :is(th,td):nth-child(2){text-align:right;min-width:150px;white-space:normal}

.zayman-depositvsprepayment[data-table="details"] table{min-width:460px}.zayman-calculator-page .zayman-depositvsprepayment[data-table="details"] table :is(th,td):first-child{width:220px;min-width:220px;max-width:220px}

.zayman-depositvsprepayment__winner{font-weight:700;font-size:20px}.zayman-depositvsprepayment__result h3{margin:24px 0 12px}.zayman-depositvsprepayment[data-table="details"] table{min-width:640px}.zayman-depositvsprepayment[data-table="months"] table{min-width:1400px}.zayman-calculator-page .zayman-depositvsprepayment[data-table="months"] table :is(th,td):first-child{width:100px;min-width:100px;max-width:100px}.zayman-calculator-page .zayman-depositvsprepayment table :is(th,td):nth-child(2){text-align:right;min-width:150px;white-space:normal}