/*
 * UPSEX LOAD MORE V2
 * Solo móvil.
 * No modifica tarjetas, header, filtros ni escritorio.
 */

.upsex-load-more-products-v2{
    display:none;
}

@media (max-width:767px){

    body.upsex-load-more-products-ready
    #content
    .tool-bar-bottom
    ul.pagination{
        display:none!important;
    }

    body.upsex-load-more-products-ready
    #content
    .tool-bar-bottom
    .ajax_pagination{
        display:none!important;
    }

    body.upsex-load-more-products-ready
    #content
    .tool-bar-bottom
    .row{
        display:block!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    body.upsex-load-more-products-ready
    #content
    .tool-bar-bottom
    .text-right{
        float:none!important;
        width:100%!important;
        max-width:100%!important;
        padding-left:8px!important;
        padding-right:8px!important;
        text-align:center!important;
    }

    .upsex-load-more-products-v2{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        margin:30px 0 26px!important;
        padding:0 24px!important;
        box-sizing:border-box!important;
    }

    .upsex-load-more-products-v2[hidden]{
        display:none!important;
    }

    .upsex-load-more-products-v2__button{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-height:70px!important;
        margin:0!important;
        padding:17px 54px!important;
        border:1px solid #b88912!important;
        border-radius:30px!important;
        outline:0!important;
        background:
            linear-gradient(
                105deg,
                #fff2bd 0%,
                #d7a800 46%,
                #f4df9b 100%
            )!important;
        color:#4d423f!important;
        box-shadow:
            0 12px 28px rgba(122,90,24,.18),
            inset 0 1px 0 rgba(255,255,255,.72)!important;
        font-family:
            Manrope,
            Arial,
            sans-serif!important;
        font-size:19px!important;
        font-weight:800!important;
        line-height:1.15!important;
        letter-spacing:.01em!important;
        text-align:center!important;
        text-transform:uppercase!important;
        cursor:pointer!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        transition:
            transform .18s ease,
            opacity .18s ease,
            box-shadow .18s ease!important;
    }

    .upsex-load-more-products-v2__button:active{
        transform:scale(.985)!important;
        box-shadow:
            0 7px 18px rgba(122,90,24,.16),
            inset 0 1px 0 rgba(255,255,255,.68)!important;
    }

    .upsex-load-more-products-v2__button:disabled{
        cursor:default!important;
    }

    .upsex-load-more-products-v2__spinner{
        position:absolute!important;
        right:23px!important;
        width:20px!important;
        height:20px!important;
        border:2px solid rgba(77,66,63,.26)!important;
        border-top-color:#4d423f!important;
        border-radius:50%!important;
        opacity:0!important;
        visibility:hidden!important;
    }

    .upsex-load-more-products-v2.is-loading
    .upsex-load-more-products-v2__button{
        opacity:.88!important;
        pointer-events:none!important;
    }

    .upsex-load-more-products-v2.is-loading
    .upsex-load-more-products-v2__spinner{
        opacity:1!important;
        visibility:visible!important;
        animation:
            upsexLoadMoreSpin
            .72s
            linear
            infinite!important;
    }

    @keyframes upsexLoadMoreSpin{
        to{
            transform:rotate(360deg);
        }
    }
}