/* Credit calculator v3 — card grid UX (#tab-credit) */
@keyframes ccFadeIn{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
}
#tab-credit .credit-calculator--v3{
    margin:0;
    padding:26px 18px 24px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(15, 23, 42, .05);
}
#tab-credit .cc-hero{
    margin:0 0 22px;
    text-align:center;
}
#tab-credit .cc-hero__title{
    margin:0 0 10px;
    font-size:2.125rem;
    font-weight:800;
    color:#0f172a;
    line-height:1.25;
}
#tab-credit .cc-hero__hook{
    margin:0 0 12px;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.35;
    color:#1e3a2f;
}
#tab-credit .cc-hero__price{
    margin:0;
    font-size:1.25rem;
    font-weight:700;
    color:#475569;
}
#tab-credit .cc-hero__note{
    margin:8px 0 0;
    font-size:1.125rem;
    font-weight:600;
    line-height:1.4;
    color:#64748b;
}
#tab-credit .cc-term-picker,
#tab-credit .cc-offers{
    margin:0 0 18px;
}
#tab-credit .cc-term-picker__label,
#tab-credit .cc-offers__label{
    margin:0 0 10px;
    font-size:1.375rem;
    font-weight:800;
    color:#0f172a;
    text-align:center;
}
#tab-credit .cc-terms-global{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
}
#tab-credit .cc-term-btn{
    min-height:52px;
    padding:11px 18px;
    font-size:1.1875rem;
    font-weight:700;
    color:#334155;
    background:#f8fafc;
    border:1.5px solid #cbd5e1;
    border-radius:10px;
    cursor:pointer;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
}
#tab-credit .cc-term-btn:hover,
#tab-credit .cc-term-btn:focus{
    border-color:#94a3b8;
    outline:none;
}
#tab-credit .cc-term-btn.is-active{
    color:#fff;
    background:#2d6a4f;
    border-color:#2d6a4f;
}
#tab-credit .cc-offers-list{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
    align-items:stretch;
}
#tab-credit .cc-form-trust{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px 14px;
    margin:0 0 14px;
    padding:14px 16px;
    background:#fff;
    border:1px solid #dbe3ea;
    border-radius:12px;
}
#tab-credit .cc-form-trust--hero{
    max-width:760px;
    margin:0 auto 16px;
    background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
#tab-credit .cc-form-trust__item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0;
    font-size:1.125rem;
    font-weight:600;
    line-height:1.35;
    color:#334155;
}
#tab-credit .cc-form-trust__icon{
    flex:0 0 auto;
    line-height:1.2;
    color:#2d6a4f;
}
#tab-credit .cc-offer-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    margin:0;
    padding:18px 14px 16px;
    text-align:center;
    background:#fff;
    border:1.5px solid #dbe3ea;
    border-radius:12px;
    cursor:pointer;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#tab-credit .cc-offer-card--recommended{
    background:linear-gradient(180deg, #fafffe 0%, #f4faf7 100%);
    border-color:#2d6a4f;
    box-shadow:0 8px 22px rgba(45, 106, 79, .12);
}
#tab-credit .cc-offer-card:hover{
    border-color:#94a3b8;
    box-shadow:0 4px 14px rgba(15, 23, 42, .08);
}
#tab-credit .cc-offer-card.is-selected{
    border-color:#2d6a4f;
    background:#f4faf7;
    box-shadow:0 0 0 2px rgba(45, 106, 79, .18);
}
#tab-credit .cc-offer-card__badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin:0 0 10px;
    padding:6px 12px;
    font-size:1.0625rem;
    font-weight:800;
    line-height:1.2;
    color:#fff;
    background:linear-gradient(90deg, #e67e22 0%, #d35400 100%);
    border-radius:999px;
}
#tab-credit .cc-offer-card .cc-bank-media{
    width:100%;
    min-height:52px;
    margin:0 0 10px;
    padding:8px;
    background:#f8fafc;
    border:1px solid #eef2f6;
    border-radius:10px;
}
#tab-credit .cc-offer-card .cc-bank-logo{
    max-width:100px;
    max-height:44px;
}
#tab-credit .cc-bank-media{
    display:flex;
    align-items:center;
    justify-content:center;
}
#tab-credit .cc-bank-fallback{
    display:none;
    font-size:1.125rem;
    font-weight:800;
    line-height:1.2;
    color:#1e3a2f;
    text-align:center;
}
#tab-credit .cc-bank-media--fallback .cc-bank-logo{
    display:none;
}
#tab-credit .cc-bank-media--fallback .cc-bank-fallback{
    display:block;
}
#tab-credit .cc-offer-card__name{
    margin:0 0 8px;
    font-size:1.1875rem;
    font-weight:800;
    color:#0f172a;
    line-height:1.25;
}
#tab-credit .cc-offer-card__payment{
    width:100%;
    margin:0 0 8px;
    padding:14px 8px;
    background:linear-gradient(180deg, #f0f7f3 0%, #e8f3ec 100%);
    border:1.5px solid #b8d4c4;
    border-radius:10px;
}
#tab-credit .cc-offer-card__amount{
    display:block;
    font-size:2rem;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-0.02em;
    color:#14532d;
}
#tab-credit .cc-offer-card.is-selected .cc-offer-card__payment{
    background:linear-gradient(180deg, #e8f3ec 0%, #dcede3 100%);
    border-color:#2d6a4f;
}
#tab-credit .cc-offer-card.is-selected .cc-offer-card__amount{
    color:#0f3d2a;
    font-size:2.125rem;
}
#tab-credit .cc-offer-card__currency{
    display:block;
    margin-top:3px;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.2;
    color:#475569;
}
#tab-credit .cc-offer-card__payments{
    font-size:1.125rem;
    font-weight:600;
    color:#64748b;
    line-height:1.3;
}
#tab-credit .cc-offer-card__social{
    display:block;
    min-height:32px;
    margin:0 0 8px;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.25;
    color:#1e3a2f;
}
#tab-credit .cc-offer-card__cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:100%;
    margin-top:auto;
    padding:11px 14px;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.2;
    color:#334155;
    background:#f8fafc;
    border:1.5px dashed #cbd5e1;
    border-radius:8px;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
}
#tab-credit .cc-offer-card__cta::before{
    content:"\f245";
    font-family:"Font Awesome\ 5 Free";
    font-weight:900;
    font-size:1rem;
    color:#2d6a4f;
}
#tab-credit .cc-offer-card:hover .cc-offer-card__cta,
#tab-credit .cc-offer-card:focus .cc-offer-card__cta{
    color:#0f172a;
    background:#fff;
    border-color:#94a3b8;
    border-style:solid;
}
#tab-credit .cc-offer-card.is-selected .cc-offer-card__cta{
    color:#1e3a2f;
    background:#fff;
    border-color:#2d6a4f;
    border-style:solid;
}
#tab-credit .cc-offer-card--recommended .cc-offer-card__cta{
    color:#1e3a2f;
    background:#fff;
    border-color:#b8d4c4;
}
#tab-credit .cc-offer-card .cc-bank-media--compact{
    min-height:44px;
    margin:0 0 8px;
    padding:6px;
}
#tab-credit .cc-offer-card .cc-bank-media--compact .cc-bank-logo{
    max-width:80px;
    max-height:36px;
}
#tab-credit .cc-offers__hint{
    margin:12px 0 0;
    padding:10px 12px;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.4;
    color:#1e3a2f;
    text-align:center;
    background:#f0f7f3;
    border:1px solid #c8e0d4;
    border-radius:10px;
}
#tab-credit .cc-offers-list--pick-required + .cc-offers__hint{
    animation:ccFadeIn .2s ease-in;
}
#tab-credit .cc-application{
    margin-top:8px;
    padding:20px 16px;
    background:#f8fafc;
    border:1.5px solid #e2e8f0;
    border-radius:12px;
    animation:ccFadeIn .2s ease-in;
}
#tab-credit .cc-application__title{
    margin:0 0 8px;
    font-size:1.375rem;
    font-weight:800;
    color:#334155;
}
#tab-credit .cc-application__summary{
    margin:0 0 16px;
    font-size:1.1875rem;
    font-weight:600;
    color:#475569;
    line-height:1.4;
}
#tab-credit .cc-application__amount{
    font-size:1.625rem;
    font-weight:800;
    color:#14532d;
}
#tab-credit .cc-forms{
    display:none;
}
#tab-credit .cc-application .cc-request-form{
    display:block;
    margin:0;
    padding:0;
    background:transparent;
    border:none;
    border-radius:0;
}
#tab-credit .credit-form-field{
    margin:0 0 12px;
}
#tab-credit .credit-form-field__label{
    display:block;
    margin:0 0 6px;
    font-size:1.125rem;
    font-weight:700;
    color:#334155;
}
#tab-credit .credit-form-field__input{
    width:100%;
    height:56px;
    padding:0 16px;
    font-size:1.25rem;
    font-weight:500;
    color:#0f172a;
    border:1.5px solid #cbd5e1;
    border-radius:10px;
    background:#fff;
}
#tab-credit .credit-form-field__input:focus{
    border-color:#2d6a4f;
    box-shadow:0 0 0 2px rgba(45, 106, 79, .15);
    outline:none;
}
#tab-credit .credit-form-field.has-error .credit-form-field__input{
    border-color:#c0392b;
}
#tab-credit .credit-form-field .text-danger{
    margin-top:4px;
    font-size:1.125rem;
    font-weight:600;
    color:#c0392b;
}
#tab-credit .credit-form-agree{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0 0 14px;
}
#tab-credit .credit-form-agree__check{
    flex:0 0 auto;
    width:24px;
    height:24px;
    margin:2px 0 0;
    cursor:pointer;
}
#tab-credit .credit-form-agree__label{
    flex:1 1 auto;
    font-size:1.125rem;
    font-weight:500;
    line-height:1.45;
    color:#64748b;
    cursor:pointer;
}
#tab-credit .credit-form-agree__label a{
    color:#2d6a4f;
    font-weight:700;
    text-decoration:underline;
}
#tab-credit .credit-form-submit{
    width:100%;
    min-height:56px;
    margin:0;
    padding:12px 14px;
    font-size:1.25rem;
    font-weight:800;
    border-radius:10px;
    background:#2d6a4f;
    border-color:#245a42;
}
#tab-credit .credit-form-submit:hover,
#tab-credit .credit-form-submit:focus{
    background:#245a42;
}
#tab-credit .cc-request-form .success{
    margin-top:8px;
    font-size:1.1875rem;
    font-weight:700;
    color:#2d6a4f;
}
#tab-credit .credit-calculator__empty{
    margin:0;
    padding:20px;
    font-size:1.25rem;
    text-align:center;
    color:#475569;
}
@media (max-width:991px){
    #tab-credit .cc-offers-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width:575px){
    #tab-credit .credit-calculator--v3{
        padding:16px 12px 18px;
    }
    #tab-credit .cc-hero__title{
        font-size:1.875rem;
    }
    #tab-credit .cc-hero__hook{
        font-size:1.25rem;
    }
    #tab-credit .cc-form-trust{
        grid-template-columns:1fr;
    }
    #tab-credit .cc-offers-list{
        grid-template-columns:1fr;
    }
    #tab-credit .cc-offer-card__amount{
        font-size:2rem;
    }
    #tab-credit .cc-offer-card.is-selected .cc-offer-card__amount{
        font-size:2.125rem;
    }
}