/* İş Bankası checkout açıklaması */
.payment_box.payment_method_kodnexo_isbank{padding:16px 18px!important;border-radius:10px;background:#fafafa}
.payment_box.payment_method_kodnexo_isbank p{margin:0!important;color:#666;line-height:1.6}

/* Webimonline Garanti form.css görünümü İş Bankası'a birebir uyarlanmıştır. */
.kx-is-garanti-shell{width:100%!important;max-width:100%!important;margin:18px 0 26px!important;padding:0!important;box-sizing:border-box!important;color:#334}
.kx-is-garanti-shell *{box-sizing:border-box}
.kx-is-garanti-head h2{margin:0 0 10px;color:inherit}
.kx-is-garanti-head hr{margin:18px 0}
.kx-is-garanti-error{margin-bottom:16px;padding:12px 25px;display:block;background:#d9b8181a;border:1px solid #d9b8185c;border-radius:2px;font-size:12px;color:#633}
.kx-is-garanti-shell .warn{font-size:12px;padding:12px 25px;display:block;background:#d9b8181a;border:1px solid #d9b8185c;border-radius:2px;color:#554b18;line-height:1.55}

.kx-is-garanti-shell form#kx_is_cc_form{color:#334;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.kx-is-garanti-shell form#kx_is_cc_form .row{display:flex;width:100%!important;margin:0!important;gap:0!important;align-items:flex-start}
.kx-is-garanti-shell form#kx_is_cc_form .row .col-lg-6{width:50%!important;max-width:50%!important;flex:0 0 50%!important;padding:0 1%!important;margin:0!important}
.kx-is-garanti-shell .garanti_form_half{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.kx-is-garanti-shell .half2{margin-top:33px!important}

.kx-is-garanti-shell table#cc_form_inputs_table{width:100%!important;border:none!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important}
.kx-is-garanti-shell table#cc_form_inputs_table>tbody>tr>td{border:none!important;font-size:14px;padding:0!important;margin-bottom:15px!important;width:100%!important;float:left!important}

.kx-is-garanti-shell form#kx_is_cc_form input[type="text"]{font-size:1.2em!important;border-radius:5px!important;padding:3px 20px!important;vertical-align:initial!important;border-spacing:2px!important;border-style:solid!important;border-width:1px!important;border-color:#ccc!important;color:#334!important;background:#f5f5f5!important;box-shadow:none!important;width:100%!important;height:50px!important;margin:0!important}
.kx-is-garanti-shell form#kx_is_cc_form input::placeholder{color:#ababab!important;font-size:14px!important;opacity:1!important}
.kx-is-garanti-shell form#kx_is_cc_form input.error{color:red!important;border-width:2px!important;border-color:#d66!important}

.kx-is-garanti-shell form#kx_is_cc_form .chc{width:100%;float:left;position:relative;display:flex;align-items:center}
.kx-is-garanti-shell form#kx_is_cc_form .chc input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:5;cursor:pointer}
.kx-is-garanti-shell form#kx_is_cc_form .chc .box{width:25px;height:25px;float:left;border-radius:6px;border:1px solid #e9e9e9;position:relative;margin-right:10px;flex:0 0 25px;background:#fff}
.kx-is-garanti-shell form#kx_is_cc_form .chc .box:after{position:absolute;content:'';left:50%;top:50%;transform:translate(-50%,-50%);border-radius:7px;background:#6666ff;width:0;height:0;transition:.2s}
.kx-is-garanti-shell form#kx_is_cc_form .chc input:checked~.box:after{width:12px;height:12px}
.kx-is-garanti-shell form#kx_is_cc_form .chc label{margin:0!important;font-size:14px!important;font-weight:400!important;color:#334!important;line-height:25px!important}

.kx-is-garanti-shell #kx_is_installment{width:100%!important;min-height:50px!important;height:auto!important;margin:0!important;padding:0 15px!important;border:1px solid #ccc!important;border-radius:5px!important;background:#fff!important;color:#334!important;font-size:14px!important;box-shadow:none!important}
.kx-is-garanti-shell .kx-is-card-eligibility-note{display:block;margin-top:7px;font-size:11.5px;line-height:1.45;color:#667085}

.kx-is-garanti-shell button#kx_is_cc_form_submit:disabled{color:#ccc!important;background-color:#eee!important}
.kx-is-garanti-shell button#kx_is_cc_form_submit{background-color:#0a0!important;color:#fff!important;border:2px solid #fff!important;border-radius:7px!important;min-height:48px!important;padding:0 28px!important;box-shadow:none!important;font-weight:700!important}
.kx-is-garanti-shell #kx_is_cc_validation{margin:0 0 10px;font-size:13px;color:#666}
.kx-is-garanti-shell .kx-is-pay-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 1% 15px;padding:12px 14px;background:#f7f7f7;border-radius:5px;font-size:13px;color:#667}
.kx-is-garanti-shell .kx-is-pay-summary strong{font-size:16px;color:#223}
.kx-is-garanti-shell .kx-is-cancel{margin:18px 1% 0}.kx-is-garanti-shell .kx-is-cancel a{color:#334;text-decoration:none}.kx-is-garanti-shell .kx-is-cancel a:hover{text-decoration:underline}

/* jquery.card.js kendi orijinal kart CSS'ini enjekte eder. Ek ölçü/renk override edilmez. */
.kx-is-garanti-shell .kx-is-card-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}

@media screen and (max-width:1100px){
    .kx-is-garanti-shell form#kx_is_cc_form .row{display:inherit!important;width:100%!important}
    .kx-is-garanti-shell form#kx_is_cc_form .row .col-lg-6{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important}
    .kx-is-garanti-shell .half2{margin-top:0!important;margin-bottom:20px!important}
    .kx-is-garanti-shell .warn{padding:8px 14px}
    .kx-is-garanti-shell .kx-is-pay-summary{margin-left:0;margin-right:0}
    .kx-is-garanti-shell .kx-is-cancel{margin-left:0;margin-right:0}
}

@media screen and (max-width:520px){
    .kx-is-garanti-shell{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
    .kx-is-garanti-shell button#kx_is_cc_form_submit{width:100%!important}
}