/* English refinements for the shared loan catalog layout. */

.page-loans-en .loan-catalog__lead {
    font-size: clamp(25px, 2.2vw, 31px);
}

.page-loans-en .loan-catalog__filters {
    width: min(100%, 620px);
    min-height: 42px;
    height: auto;
}

.page-loans-en .loan-catalog__filter {
    min-height: 40px;
    padding-block: 7px;
    font-size: 15px;
    line-height: 1.15;
    white-space: normal;
}

.page-loans-en .loan-card__body {
    min-height: 145px;
}

.page-loans-en .loan-card__title {
    min-height: 2.5em;
    font-size: 15px;
}

.page-loans-en .loan-card__button {
    width: min(100%, 176px);
}

@media (max-width: 700px) {
    .page-loans-en .loan-catalog__filters {
        margin-top: 20px;
    }

    .page-loans-en .loan-catalog__filter {
        min-height: 52px;
        padding-inline: 5px;
        font-size: 13.5px;
    }
}

@media (max-width: 390px) {
    .page-loans-en .loan-catalog__filter {
        font-size: 12.5px;
    }
}

/* English mobile catalog follows the same two-tab carousel as Thai. */
@media (max-width: 700px) {
    .page-loans-en .loan-catalog__filters {
        width: 100%;
        min-height: 48px;
    }

    .page-loans-en .loan-catalog__filter {
        min-height: 48px;
        padding-inline: 8px;
        font-size: 13.5px;
    }

    .page-loans-en .loan-card__title {
        min-height: 0;
    }
}