{% assign product = "product experience" %}

{% include "header" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
  <div class="row" style="margin-bottom:32px;">
    <div class="col-xs-12">
      <div class="np-catalog-header-wrapper">
        <div class="np-catalog-header">
          <div class="np-resource-title">{{ custom_page.headline }}</div>
          <div class="np-resource-subtitle">{{ custom_page.subheadline }}</div>
        </div>
      </div>
    </div>

  </div>
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-3">
      {% include "catalog_filter_sidebar"
        , product_name: product %}
    </div>
    <div class="col-xs-12 col-sm-6 col-md-9">
      {% include "catalog_product_courses"
        , product_name: product %}
      {% include "catalog_product_learning_paths"
        , product_name: product %}
    </div>
  </div>
</main>
{% include "footer" %}

<style>
  div[data-id="ac35640f-6e0d-4c4b-aef5-e8af7a578eac"] {
    order: 0;
  }

  div[data-id="6884878c-35ff-4905-b1c1-fbde79e4a6bb"] {
    order: 1;
  }


  @media (min-width: 768px) {
    .np-catalog-courses {
      margin-top: 0;
    }

    .filterable-card .np-card {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
</style>

{% include "catalog_page_scripts" %}