.pw-load-more-wrap,
.pw-lmp-wrap {
    clear: both;
    text-align: center;
    margin: 24px 0;
    width: 100%;
}

.pw-load-more-button,
.pw-lmp-button {
    display: inline-block;
    border: 0;
    border-radius: 4px;
    background: #111;
    color: #fff;
    font-weight: 700;
    padding: 12px 28px;
    cursor: pointer;
    transition: opacity .2s ease;
}

.pw-load-more-button:hover,
.pw-load-more-button:focus,
.pw-lmp-button:hover,
.pw-lmp-button:focus {
    opacity: .85;
    color: #fff;
}

.pw-load-more-button[disabled],
.pw-lmp-button[disabled] {
    opacity: .55;
    cursor: wait;
}

/*
 * When Load More is active, hide PrestaShop/Warehouse's normal page-number
 * pagination. This removes the stray visible "1" under the button while
 * keeping the product count text intact where the theme shows it separately.
 */
body.pw-lmp-active #js-product-list .pagination,
body.pw-lmp-active #js-product-list nav.pagination,
body.pw-lmp-active #js-product-list .page-list,
body.pw-lmp-active #js-product-list-bottom .pagination,
body.pw-lmp-active #js-product-list-bottom nav.pagination,
body.pw-lmp-active #js-product-list-bottom .page-list,
body.pw-lmp-active #products .pagination,
body.pw-lmp-active #products nav.pagination,
body.pw-lmp-active #products .page-list,
body.pw-lmp-active .pw-lmp-hidden-pagination .pagination,
body.pw-lmp-active .pw-lmp-hidden-pagination nav.pagination,
body.pw-lmp-active .pw-lmp-hidden-pagination .page-list,
body.pw-lmp-active .pagination-wrapper {
    display: none !important;
}