/*
Generated time: March 25, 2026 07:20
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/

.mb-search-page-section {
    padding: 40px 0;
}

.mb-grid-section {
    background-color: var(--bg-color);
    padding-top: var(--spacing-top);
    padding-bottom: var(--spacing-bottom);
}

.mb-grid {
    display: flex;
    flex-direction: column;
}

.mb-grid.page-width {
    max-width: var(--page-width);
    margin: 0 auto;
}

.grid-container {
    display: flex;
    gap: 45px;
}

aside.mb-filters {
    flex: 1;
}

.grid {
    flex: 3;
    display: flex;
    flex-direction: column;
}

.grid-list {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    gap: 20px;
}

.grid-list[data-view=list] {
    grid-template-columns: 1fr;
}

.mb-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 10px 0 5px 0;
    padding: 0;
}

.mb-pagination a {
    color: #000;
}

.mb-pagination .next,
.mb-pagination .page,
.mb-pagination .prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.mb-pagination .next {
    transform: scaleX(-1);
}

.mb-pagination .next.disabled,
.mb-pagination .prev.disabled {
    opacity: .5;
}

.mb-pagination .next:not(.disabled):hover,
.mb-pagination .page:hover,
.mb-pagination .prev:not(.disabled):hover {
    border: 1px solid #000;
}

.mb-pagination .page.current {
    background-color: #000;
    color: #fff;
}

.empty-collections-message {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 20px 10px;
}

.empty-collections-message p {
    margin: 0;
    text-align: center;
}

.empty-collections-message a {
    color: #000;
    padding: 8px 32px;
    border-radius: 99px;
    border: 1px solid #000;
    opacity: .8;
}

.empty-collections-message a:hover {
    opacity: 1;
}

@media (max-width: 989px) {
    .mb-grid-section {
        padding: 0 var(--l) !important;
        margin-bottom: 20px;
    }

    .grid-list {
        grid-template-columns: 1fr 1fr;
        gap: 10px 10px;
    }

    [data-view=list].grid-list {
        gap: 10px;
    }
}