.mbz-trending-page {
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 24px 72px;
    width: 100%;
    box-sizing: border-box;
}

.mbz-trending-header {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 28px;
    padding-bottom: 22px;
}

.mbz-trending-header .dashicons {
    color: #e85d04;
    font-size: 28px;
    height: 28px;
    width: 28px;
}

.mbz-trending-header h1 {
    margin: 8px 0 6px;
}

.mbz-trending-header p {
    color: #5f6368;
    margin: 0;
}

.mbz-trending-grid {
    margin: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1024px) {
    .mbz-trending-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .mbz-trending-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .mbz-trending-page {
        padding: 32px 16px 48px;
    }
}

@media (max-width: 420px) {
    .mbz-trending-grid {
        grid-template-columns: 1fr !important;
    }
}