html.mcl-credit-lock,
html.mcl-credit-lock body{overflow:hidden!important;}
.mcl-credit-widget,.mcl-credit-widget *,.mcl-credit-widget *:before,.mcl-credit-widget *:after{box-sizing:border-box!important;font-family:inherit!important;}
.mcl-credit-widget{display:block!important;width:100%!important;max-width:100%!important;margin:12px 0!important;line-height:1.25!important;clear:both!important;float:none!important;}
.mcl-credit-widget button{font-family:inherit!important;}
.mcl-credit-preview-badge{display:flex!important;width:max-content!important;max-width:100%!important;align-items:center!important;justify-content:center!important;margin:0 auto 8px!important;padding:5px 10px!important;border-radius:999px!important;background:#fff8e1!important;color:#855b00!important;border:1px solid #ffd46b!important;font-size:11px!important;font-weight:800!important;text-align:center!important;}
.mcl-credit-card{display:block!important;background:#fff!important;border:1px solid #ececf1!important;border-radius:16px!important;padding:12px!important;box-shadow:0 7px 20px rgba(27,31,42,.12)!important;position:relative!important;overflow:hidden!important;}
.mcl-credit-card:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,#9028c8,#ff6a19)!important;}
.mcl-credit-card__title{font-size:13px!important;font-weight:900!important;color:#2d2e33!important;margin:5px 0 10px!important;}
.mcl-credit-card__rows{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-bottom:10px!important;}
.mcl-credit-mini{appearance:none!important;-webkit-appearance:none!important;border:1px solid #e6e6eb!important;border-radius:12px!important;background:#fafafa!important;color:#222!important;padding:8px 10px!important;display:grid!important;align-items:center!important;min-height:46px!important;gap:0 8px!important;cursor:pointer!important;transition:.15s ease!important;text-align:left!important;width:100%!important;margin:0!important;box-shadow:none!important;}
.mcl-credit-mini:hover{transform:translateY(-1px)!important;border-color:#ff6a19!important;box-shadow:0 6px 16px rgba(255,106,25,.12)!important;}
.mcl-credit-mini--zero{grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"mark term pay"!important;}
.mcl-credit-mini--percent{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"term pay"!important;}
.mcl-credit-mini__badge,.mcl-credit-mini--zero>span{grid-area:mark!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:24px!important;padding:0 6px!important;border-radius:8px!important;background:#0ea43a!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1!important;}
.mcl-credit-mini--percent .mcl-credit-mini__badge,.mcl-credit-mini--percent>span{display:none!important;}
.mcl-credit-mini b{grid-area:term!important;min-width:0!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mcl-credit-mini small{grid-area:pay!important;min-width:max-content!important;font-size:13px!important;font-weight:900!important;line-height:1.15!important;color:#1f2024!important;white-space:nowrap!important;text-align:right!important;}
.mcl-credit-main-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:40px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#9028c8,#ff6a19)!important;color:#fff!important;font-weight:900!important;font-size:14px!important;line-height:1!important;cursor:pointer!important;padding:0 12px!important;box-shadow:0 7px 18px rgba(144,40,200,.2)!important;white-space:nowrap!important;}

.mcl-credit-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:20px!important;}
.mcl-credit-modal.is-open{display:flex!important;}
.mcl-credit-modal__overlay{position:absolute!important;inset:0!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(3px)!important;}
.mcl-credit-modal__dialog{position:relative!important;z-index:1!important;width:min(1120px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;background:#fff!important;color:#24252a!important;border-radius:22px!important;padding:24px 28px!important;border:1px solid #ececf1!important;box-shadow:0 34px 90px rgba(0,0,0,.35)!important;margin:0!important;}
.mcl-credit-modal__close{position:absolute!important;top:12px!important;right:14px!important;width:38px!important;height:38px!important;border:0!important;background:transparent!important;color:#6f737d!important;font-size:34px!important;line-height:34px!important;cursor:pointer!important;padding:0!important;z-index:2!important;}
.mcl-credit-modal__head{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding-right:52px!important;}
.mcl-credit-modal__thumb{display:block!important;width:64px!important;height:64px!important;object-fit:cover!important;border-radius:12px!important;border:1px solid #ececf1!important;background:#fff!important;padding:3px!important;}
.mcl-credit-modal__meta{min-width:0!important;}
.mcl-credit-modal__label{font-size:12px!important;color:#8b909a!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.mcl-credit-modal__meta h3{margin:4px 0 6px!important;font-size:19px!important;line-height:1.2!important;color:#222!important;white-space:normal!important;}
.mcl-credit-modal__meta p{margin:0!important;color:#4b4d55!important;font-size:15px!important;}
.mcl-credit-modal__sku{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 12px!important;border:1px solid #f3b177!important;border-radius:10px!important;background:#fff7f0!important;color:#c06b1c!important;font-size:13px!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important;}
.mcl-credit-modal__line{height:1px!important;background:#e8e8ee!important;margin:18px 0!important;}
.mcl-credit-modal__section-title{font-size:16px!important;font-weight:900!important;margin-bottom:12px!important;color:#222!important;}
.mcl-credit-options{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0 0 16px!important;padding:0!important;}
.mcl-credit-option{position:relative!important;appearance:none!important;-webkit-appearance:none!important;border:1px solid #e7e7ec!important;border-radius:13px!important;background:#f6f7fb!important;color:#222!important;padding:12px!important;min-height:78px!important;text-align:left!important;cursor:pointer!important;transition:.15s ease!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;width:100%!important;margin:0!important;box-shadow:none!important;overflow:hidden!important;}
.mcl-credit-option:hover{transform:translateY(-1px)!important;background:#fff!important;border-color:#ff6a19!important;box-shadow:0 8px 18px rgba(255,106,25,.12)!important;}
.mcl-credit-option.is-selected{background:linear-gradient(90deg,#9028c8,#ff6a19)!important;color:#fff!important;border-color:transparent!important;}
.mcl-credit-option__term{display:flex!important;align-items:flex-end!important;gap:6px!important;min-width:0!important;}
.mcl-credit-option__term b{font-size:26px!important;line-height:1!important;margin:0!important;color:inherit!important;flex:0 0 auto!important;}
.mcl-credit-option__term span{font-size:14px!important;font-weight:800!important;line-height:1.1!important;color:inherit!important;white-space:nowrap!important;}
.mcl-credit-option__pay{display:block!important;font-size:14px!important;font-weight:900!important;line-height:1.15!important;color:inherit!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.mcl-credit-option__badge{position:absolute!important;top:8px!important;right:8px!important;background:#0ea43a!important;color:#fff!important;border-radius:8px!important;padding:2px 7px!important;font-weight:900!important;font-size:11px!important;line-height:1.2!important;}
.mcl-credit-option--percent .mcl-credit-option__badge{display:none!important;}
.mcl-credit-option.is-selected .mcl-credit-option__badge{background:#fff!important;color:#9028c8!important;}
.mcl-credit-info{font-size:13px!important;line-height:1.45!important;color:#6f737d!important;font-weight:700!important;margin:8px 0 16px!important;}
.mcl-credit-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
.mcl-credit-call,.mcl-credit-close-secondary{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:12px!important;padding:0 18px!important;font-weight:900!important;font-size:14px!important;text-decoration:none!important;cursor:pointer!important;}
.mcl-credit-call{background:linear-gradient(90deg,#9028c8,#ff6a19)!important;color:#fff!important;border:0!important;box-shadow:0 7px 18px rgba(144,40,200,.18)!important;}
.mcl-credit-close-secondary{background:#f3f4f7!important;color:#333!important;border:1px solid #e1e3ea!important;}
.mcl-credit-form{margin-top:18px!important;}
.mcl-credit-form__title{font-size:16px!important;font-weight:900!important;text-align:center!important;margin-bottom:14px!important;color:#222!important;}
.mcl-credit-form__grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;}
.mcl-credit-form input[type=text],.mcl-credit-form input[type=tel]{display:block!important;width:100%!important;height:48px!important;border:1px solid #dcdfe7!important;background:#fff!important;color:#222!important;border-radius:10px!important;padding:0 15px!important;font-size:15px!important;outline:none!important;box-shadow:none!important;}
.mcl-credit-form input::placeholder{color:#9aa0aa!important;}
.mcl-credit-checkbox{display:flex!important;align-items:center!important;gap:10px!important;margin:18px 0!important;color:#333!important;font-weight:700!important;}
.mcl-credit-checkbox input{width:22px!important;height:22px!important;accent-color:#9028c8!important;}
.mcl-credit-checkbox a{color:#9028c8!important;text-decoration:underline!important;}
.mcl-credit-submit{display:flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-width:260px!important;border:0!important;border-radius:11px!important;background:linear-gradient(90deg,#9028c8,#ff6a19)!important;color:#fff!important;font-weight:900!important;font-size:15px!important;cursor:pointer!important;padding:0 20px!important;}
.mcl-credit-result{margin-top:12px!important;font-size:14px!important;font-weight:800!important;}
.mcl-credit-result.is-ok{color:#0c8f22!important;}.mcl-credit-result.is-error{color:#d9204a!important;}
@media(max-width:1180px){.mcl-credit-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:980px){.mcl-credit-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.mcl-credit-modal__head{grid-template-columns:64px minmax(0,1fr)!important;}.mcl-credit-modal__sku{grid-column:1 / -1!important;justify-self:start!important;}}
@media(max-width:760px){.mcl-credit-widget{margin:10px 0!important;}.mcl-credit-card{padding:10px!important;border-radius:14px!important;}.mcl-credit-card__title{font-size:12px!important;margin:4px 0 8px!important;}.mcl-credit-mini{min-height:42px!important;padding:7px 8px!important;border-radius:11px!important;}.mcl-credit-mini--zero{grid-template-columns:30px minmax(0,1fr) auto!important;gap:0 6px!important;}.mcl-credit-mini__badge,.mcl-credit-mini--zero>span{min-width:30px!important;height:22px!important;font-size:10px!important;border-radius:7px!important;}.mcl-credit-mini b{font-size:12px!important;}.mcl-credit-mini small{font-size:12px!important;}.mcl-credit-main-button{height:36px!important;font-size:12px!important;border-radius:10px!important;}.mcl-credit-modal{padding:12px!important;}.mcl-credit-modal__dialog{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;border-radius:18px!important;padding:16px 12px!important;}.mcl-credit-modal__close{right:8px!important;top:8px!important;width:34px!important;height:34px!important;font-size:30px!important;}.mcl-credit-modal__head{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;padding-right:36px!important;}.mcl-credit-modal__thumb{width:48px!important;height:48px!important;border-radius:10px!important;}.mcl-credit-modal__meta h3{font-size:16px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}.mcl-credit-modal__meta p{font-size:13px!important;}.mcl-credit-modal__sku{grid-column:1 / -1!important;justify-self:start!important;min-height:32px!important;padding:6px 10px!important;font-size:12px!important;}.mcl-credit-modal__line{margin:12px 0!important;}.mcl-credit-modal__section-title{font-size:15px!important;margin-bottom:10px!important;}.mcl-credit-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}.mcl-credit-option{min-height:68px!important;padding:10px 9px!important;gap:4px!important;border-radius:12px!important;}.mcl-credit-option__term b{font-size:22px!important;}.mcl-credit-option__term span,.mcl-credit-option__pay{font-size:12px!important;}.mcl-credit-option__badge{top:6px!important;right:6px!important;font-size:10px!important;padding:2px 6px!important;border-radius:7px!important;}.mcl-credit-info{font-size:11px!important;line-height:1.35!important;margin:10px 0 12px!important;}.mcl-credit-actions{display:grid!important;grid-template-columns:1fr!important;}.mcl-credit-call,.mcl-credit-close-secondary{width:100%!important;min-height:40px!important;font-size:13px!important;border-radius:11px!important;padding:0 12px!important;}.mcl-credit-form__grid{grid-template-columns:1fr!important;}.mcl-credit-submit{width:100%!important;min-width:0!important;}}
@media(max-width:420px){.mcl-credit-modal{padding:10px!important;}.mcl-credit-modal__dialog{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:14px 10px!important;}.mcl-credit-option{min-height:64px!important;padding:9px 8px!important;}.mcl-credit-option__term b{font-size:20px!important;}.mcl-credit-option__term span,.mcl-credit-option__pay{font-size:11px!important;}}


/* FIX8: mobile no horizontal scroll, clean SKU, compact payments, 0% sticker */
.mcl-credit-modal__dialog{
    overflow-x:hidden!important;
}
.mcl-credit-modal__dialog *,
.mcl-credit-modal__dialog *:before,
.mcl-credit-modal__dialog *:after{
    max-width:100%!important;
}
.mcl-credit-option{
    overflow:hidden!important;
}
.mcl-credit-option__pay{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.mcl-credit-option.is-selected .mcl-credit-option__badge{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.38)!important;
    border-radius:6px!important;
}
.mcl-credit-call{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    line-height:1.15!important;
}
.mcl-credit-modal__sku{
    max-width:230px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.mcl-credit-corner-sticker{
    position:absolute!important;
    left:0!important;
    top:0!important;
    z-index:20!important;
    display:inline-grid!important;
    grid-template-columns:auto auto!important;
    grid-template-areas:"pct term" "pct pay"!important;
    align-items:center!important;
    gap:0 6px!important;
    border:0!important;
    border-radius:0 0 12px 0!important;
    background:linear-gradient(90deg,#006cff,#00c6ff)!important;
    color:#fff!important;
    padding:5px 8px!important;
    min-width:0!important;
    max-width:155px!important;
    box-shadow:0 7px 16px rgba(0,85,190,.25)!important;
    cursor:pointer!important;
    text-align:left!important;
    font-family:inherit!important;
}
.mcl-credit-corner-sticker span{
    grid-area:pct!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1!important;
}
.mcl-credit-corner-sticker b{
    grid-area:term!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.mcl-credit-corner-sticker small{
    grid-area:pay!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.mcl-credit-corner-sticker:hover{
    filter:brightness(1.04)!important;
}
@media(max-width:760px){
    .mcl-credit-modal,
    .mcl-credit-modal.is-open{
        width:100vw!important;
        max-width:100vw!important;
        overflow:hidden!important;
        padding:10px!important;
    }
    .mcl-credit-modal__dialog{
        width:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
        overflow-x:hidden!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .mcl-credit-modal__sku{
        justify-self:stretch!important;
        width:100%!important;
        max-width:100%!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        text-align:center!important;
        font-size:11px!important;
        line-height:1.2!important;
    }
    .mcl-credit-option{
        min-width:0!important;
        overflow:hidden!important;
    }
    .mcl-credit-option__term{
        min-width:0!important;
        overflow:hidden!important;
    }
    .mcl-credit-option__pay{
        font-size:11px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .mcl-credit-call{
        font-size:12px!important;
        padding:0 8px!important;
    }
    .mcl-credit-corner-sticker{
        max-width:142px!important;
        padding:4px 7px!important;
        border-radius:0 0 10px 0!important;
    }
    .mcl-credit-corner-sticker span{font-size:12px!important;}
    .mcl-credit-corner-sticker b{font-size:11px!important;}
    .mcl-credit-corner-sticker small{font-size:9px!important;}
}


/* FIX9: mobile call button compact + stable right/left modal padding. Sticker logic unchanged. */
@media(max-width:760px){
    .mcl-credit-modal,
    .mcl-credit-modal.is-open{
        padding:16px!important;
        overflow:hidden!important;
    }
    .mcl-credit-modal__dialog{
        width:calc(100vw - 32px)!important;
        max-width:420px!important;
        max-height:calc(100vh - 32px)!important;
        padding:16px 14px!important;
        border-radius:18px!important;
        overflow-x:hidden!important;
    }
    .mcl-credit-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:9px!important;
        justify-items:start!important;
        width:100%!important;
        max-width:100%!important;
    }
    .mcl-credit-call{
        width:auto!important;
        max-width:100%!important;
        min-width:0!important;
        min-height:36px!important;
        height:36px!important;
        padding:0 12px!important;
        border-radius:10px!important;
        font-size:12px!important;
        line-height:1!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        justify-self:start!important;
    }
    .mcl-credit-close-secondary{
        width:100%!important;
        max-width:100%!important;
        min-height:38px!important;
        height:38px!important;
        font-size:13px!important;
    }
}
@media(max-width:420px){
    .mcl-credit-modal,
    .mcl-credit-modal.is-open{
        padding:14px!important;
    }
    .mcl-credit-modal__dialog{
        width:calc(100vw - 28px)!important;
        max-height:calc(100vh - 28px)!important;
        padding:15px 13px!important;
    }
    .mcl-credit-call{
        height:34px!important;
        min-height:34px!important;
        padding:0 10px!important;
        font-size:11px!important;
        border-radius:9px!important;
    }
}