/* Bright financing cards: fresh mint, sky blue, and soft violet. */
#kredit-modal{padding:20px;z-index:70}
#kredit-modal-content{max-width:620px;border-radius:25px;border:1px solid #ffffffba;background:#fbfdff;box-shadow:0 28px 90px #23485138;max-height:92svh}
#kredit-modal-content>.credit-modal-header{padding:24px 28px 21px;background:radial-gradient(ellipse at 90% 20%,#cce9ff90,transparent 65%),linear-gradient(115deg,#e6faf3,#edf3ff);border-color:#daeae8;color:#224e59;align-items:center}
.credit-modal-eyebrow{display:block;color:#357f75;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:8px}
#kredit-modal-subtitle{font-size:12px;color:#4c7185;letter-spacing:.05em;font-weight:600;margin-bottom:5px}#kredit-product-title{font-size:24px;line-height:1.2;letter-spacing:-.035em;color:#1c3d4a;font-weight:700}
#kredit-modal-content .credit-modal-header>button{width:36px;height:36px;border-radius:12px;background:#ffffffb0;border:1px solid #ffffff;color:#507989;display:grid;place-items:center;flex-shrink:0;padding:0;line-height:0}#kredit-modal-content .credit-modal-header>button:hover{background:white;color:#16877c}
#kredit-modal-content>.overflow-y-auto{padding:23px 28px;background:#fbfdff;scrollbar-width:thin;scrollbar-color:#cce0e4 transparent}
.credit-estimate-card{position:relative;background:radial-gradient(ellipse at 100% 100%,#cee8ff90,transparent 60%),linear-gradient(120deg,#e7fbf2,#eef6ff);border:1px solid #d0eee5;border-radius:19px;padding:22px 24px 20px;margin-bottom:24px;box-shadow:0 5px 18px #319d8c08;overflow:hidden}
.credit-estimate-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;font-weight:600;color:#28544c}.credit-demo-badge{font-size:11px;font-weight:700;border:1px solid #a8dfd3;padding:4px 10px;border-radius:99px;white-space:nowrap;background:#ffffffd0;color:#127f72}
.credit-estimate-amount{display:flex;align-items:baseline;gap:8px;margin-top:14px;margin-bottom:18px}.credit-estimate-amount strong{font-size:38px;letter-spacing:-.045em;color:#0d6e62;font-weight:700;line-height:1.1}.credit-estimate-amount>span{font-size:14px;font-weight:600;color:#3b6c63}
.credit-estimate-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:14px;border-top:1px solid #beddd680}.credit-estimate-details>div{display:flex;flex-direction:column;gap:5px}.credit-estimate-details>div>span{font-size:12.5px;font-weight:600;color:#4d7770}.credit-estimate-details strong{font-size:17px;color:#17424b;font-weight:700}
#kreditForm{position:relative}#kreditForm>.form-group{margin-top:22px}#kreditForm>.form-group:first-child{margin-top:0}
#kreditForm label:not(.radio-item):not(.credit-method-card){color:#234557;font-size:13.5px;font-weight:600;margin-bottom:6px;display:block}
#kreditForm input[type="text"],#kreditForm .credit-branch-field select{background:#fff;border:1px solid #dce7ed;border-radius:12px;padding:13px 14px;min-height:48px;font-size:14px;color:#335362;box-shadow:0 2px 4px #26546d03}#kreditForm input[type="text"]::placeholder{color:#a1b3bf;font-size:13px}#kreditForm input[type="text"]:focus,#kreditForm select:focus-visible{outline:0;border-color:#59c6b6;box-shadow:0 0 0 3px #59c6b619}
#kreditForm .credit-branch-field select:disabled{opacity:1;color:#397468;background:#edf9f4;border-color:#d0eadf}#credit-sales-info{font-size:11.5px;line-height:1.6;color:#4b6f6f;margin-top:9px}
#kreditForm .credit-method-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;padding:0;border:0;min-height:0;overflow:hidden}
.credit-method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.credit-method-card{position:relative;cursor:pointer;display:block}.credit-method-card>input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.credit-method-face{display:flex;align-items:center;gap:11px;min-height:72px;padding:13px 14px;border:1px solid #e0e8ed;border-radius:14px;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s}.credit-method-monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7f8f2;color:#239784;font-size:14px;font-weight:700;flex-shrink:0}.credit-method-monogram[data-method="kredivo"]{background:#edf2ff;color:#6c7dde}.credit-method-monogram[data-method="mandiri"]{background:#fff8e6;color:#d97706}.credit-method-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.credit-method-copy strong{font-size:13.5px;line-height:1.35;color:#234557;font-weight:700}.credit-method-copy small{font-size:11px;color:#627d8e;font-weight:500}.credit-method-card:hover .credit-method-face{border-color:#8ed9c9;background:#f9fffc}.credit-method-card>input:checked+.credit-method-face{border-color:#58c6af;background:#f0fcf6;box-shadow:0 0 0 2px #58c6af26}.credit-method-card>input:focus-visible+.credit-method-face{outline:2px solid #2db79b;outline-offset:3px}
#credit-method-note{font-size:12px;line-height:1.6;color:#4e6b7a;margin:11px 0 0}
#kredit-radio-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
#kredit-modal-content .radio-item{position:relative;display:block;margin:0;padding:14px 15px;border:1.5px solid #dce8ef;border-radius:14px;background:#fff;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s;cursor:pointer;box-shadow:0 2px 6px #102a3a06}
#kredit-modal-content .radio-item input{position:absolute;opacity:0;width:1px;height:1px;margin:0;transform:none}
#kredit-modal-content .radio-item>span{display:flex;flex-direction:column;gap:5px}
#kredit-modal-content .radio-item strong{font-size:15px;font-weight:700;color:#1e3a47;letter-spacing:-.01em}
#kredit-modal-content .radio-item small{font-size:13px;line-height:1.45;color:#127f72;font-weight:600;white-space:pre-line}
#kredit-modal-content .radio-item:has(input:checked){border-color:#127f72;background:#eaf8f4;box-shadow:0 0 0 2px #127f7226}
#kredit-modal-content .radio-item:has(input:checked) strong{color:#0b594f;font-weight:800}
#kredit-modal-content .radio-item:has(input:checked) small{color:#086357;font-weight:700}
#kredit-modal-content .radio-item:has(input:focus-visible){outline:2px solid #127f72;outline-offset:3px}
.credit-form-divider{display:flex;align-items:center;gap:12px;margin-top:27px!important;margin-bottom:4px!important;color:#728c9b;font-size:11px;font-weight:700;letter-spacing:.12em}.credit-form-divider:after{content:'';height:1px;background:#e5edf1;flex:1}
#map-section{margin-top:16px;padding:16px;background:#f2f8fc;border:1px solid #e2edf3;border-radius:16px}#map-section>label{margin-top:0;font-size:13px!important}#map-status{font-size:12px;color:#5a7685}#map{border-radius:11px;border-color:#dbe9ef}#ongkir-info{font-size:12px;background:#fff;border-radius:9px;border-color:#e2edf3;padding:12px;gap:10px}#ongkir-display{color:#178875;font-weight:600}
#kredit-modal-content>.credit-modal-footer{padding:16px 24px 20px;background:#fff;border-color:#e3edf1;flex-shrink:0;box-shadow:0 -6px 22px #254e6804}.credit-footer-note{font-size:11.5px;color:#678494;margin-bottom:10px;text-align:center}
#credit-submit{background:linear-gradient(110deg,#30b9a0,#38aecd)!important;border-radius:13px;padding:14px 20px;font-size:13.5px;font-weight:600;box-shadow:0 7px 17px #2abda02a;transition:filter .2s,box-shadow .2s}#credit-submit:hover{filter:brightness(1.04);box-shadow:0 9px 20px #2abda037}#credit-submit:disabled{opacity:.45;box-shadow:none}#credit-submit svg{width:18px;height:18px;flex-shrink:0}
@media(max-width:640px){#kredit-modal{padding:12px}#kredit-modal-content{border-radius:21px;max-height:94svh}#kredit-modal-content>.credit-modal-header{padding:19px 20px 17px}.credit-modal-eyebrow{font-size:9.5px}#kredit-product-title{font-size:21px}#kredit-modal-subtitle{font-size:11px}#kredit-modal-content>.overflow-y-auto{padding:18px 18px}.credit-estimate-card{padding:18px 18px 16px;margin-bottom:20px;border-radius:17px}.credit-estimate-head{font-size:12px;gap:6px}.credit-demo-badge{font-size:10px;padding:3px 7px}.credit-estimate-amount strong{font-size:32px}.credit-estimate-amount{gap:6px}.credit-estimate-amount>span{font-size:12.5px}.credit-estimate-details>div>span{font-size:11.5px}.credit-estimate-details strong{font-size:15px}.credit-method-face{gap:8px;padding:11px 12px;min-height:68px}.credit-method-monogram{width:32px;height:32px;border-radius:9px;font-size:12px}.credit-method-copy strong{font-size:12.5px}.credit-method-copy small{font-size:10px}.credit-method-options{gap:8px}#kredit-radio-group{gap:9px!important}#kredit-modal-content .radio-item{padding:12px 11px}#kredit-modal-content .radio-item strong{font-size:14px}#kredit-modal-content .radio-item small{font-size:12px}#kredit-modal-content>.credit-modal-footer{padding:12px 18px 16px}#credit-submit{font-size:13px;padding:13px 16px}}
@media(prefers-reduced-motion:reduce){#kredit-modal-content *{transition:none!important}}

#kreditForm #credit-method,#kreditForm #credit-variant,#kreditForm #credit-dp-select{width:100%;min-height:48px;padding:13px 14px;background:#fff;border:1px solid #dce7ed;border-radius:12px;color:#335362;font:inherit;font-size:14px;box-shadow:0 2px 4px #26546d03}#credit-sales-info[hidden]{display:none}
#kredit-info-box[hidden],#credit-cash-summary[hidden],#credit-method-group[hidden],#kredit-tenor-group[hidden],#credit-variant-group[hidden],#credit-dp-group[hidden]{display:none!important}
#kreditForm .credit-payment-field label,#kreditForm .credit-variant-field label,#kreditForm .credit-dp-field label{display:block;margin-bottom:6px}#credit-payment{width:100%;min-height:48px;padding:13px 14px;border:1px solid #dce7ed;border-radius:12px;background:white;color:#335362;font:inherit;font-size:14px}
.credit-cash-summary{padding:21px;background:linear-gradient(115deg,#e8faf1,#eef7ff);border:1px solid #d5ece4;border-radius:17px;margin-top:22px}.credit-cash-label{display:block;color:#357f75;font-size:12px;font-weight:700;letter-spacing:.12em}.credit-cash-summary>strong{display:block;margin-top:12px;color:#178875;font-size:34px;letter-spacing:-.04em;line-height:1.2;font-weight:700}.credit-cash-summary dl{display:flex;flex-direction:column;gap:11px;margin-top:18px;padding-top:14px;border-top:1px solid #d4e8e1}.credit-cash-summary dl>div{display:flex;justify-content:space-between;gap:15px;font-size:13.5px;color:#456d62}.credit-cash-summary dd{margin:0;color:#1e4a3f;text-align:right;font-weight:600}.credit-cash-summary p{font-size:12px;line-height:1.6;color:#597e72;margin-top:13px}
.delivery-origin{padding:13px;background:white;border:1px solid #deebe7;border-radius:11px;margin-bottom:17px}.delivery-origin>span{display:block;font-size:11px;color:#5a8477}.delivery-origin strong{display:block;font-size:13.5px;color:#275b4c;margin:6px 0;font-weight:700}.delivery-origin small{font-size:11.5px;line-height:1.6;color:#67877c;display:block}.delivery-location-button{border:1px solid #beded4;padding:9px 12px;border-radius:8px;background:#f0fcf7;color:#287460;font-size:12px;font-weight:600;margin:0 0 12px;cursor:pointer}.delivery-location-button:disabled{opacity:.4;cursor:not-allowed}.checkout-house-pin{background:none;border:0}.checkout-house-pin>span{display:grid;place-items:center;width:32px;height:32px;border:3px solid white;border-radius:50%;background:#ec9766;color:white;font-size:24px;box-shadow:0 3px 10px #0002}

#kredit-modal-content .credit-close-icon{display:block;width:18px;height:18px;min-width:18px;min-height:18px;max-width:none;aspect-ratio:1;transform:none;flex-shrink:0}