@use "../base" as *;
@use "../abstracts" as *;
@use "../gto_products_listing_app/side-filters.scss" as *;
@use "../gto_products_listing_app/top-filters.scss" as *;
@use "../gto_products_listing_app/filter-box.scss" as *;
@use "../gto_products_listing_app/filter-multiselect-button.scss" as *;
@use "../gto_products_listing_app/filter-radio.scss" as *;
@use "../gto_products_listing_app/filter-checkbox.scss" as *;
@use "../gto_products_listing_app/filter-range.scss" as *;
@use "../gto_products_listing_app/filter-multiselect.scss" as *;
@use "../gto_products_listing_app/sorting.scss" as *;
@use "../gto_products_listing_app/result-loader.scss" as *;
@use "../gto_products_listing_app/results.scss" as *;
@use "../gto_products_listing_app/product-box.scss" as *;
@use "../gto_products_listing_app/pagination.scss" as *;
@use "../gto_products_listing_app/extra-block.scss" as *;
@use "../gto_products_listing_app/mobile-products-count.scss" as *;

html {
  body {
    .container {
      // Increase the container width to contain 3 products columns.
      @include breakpoint(extra_large) {
        width: 1270px;
      }
      @include breakpoint(full) {
        width: 1620px;
      }
    }
  }
}

.page-node-type-dehydration-listing,
.page-node-type-non-return-valve-listing {
  .listing-page-heading {
    margin: -12px 10px 16px;
    color: $dark-gray;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.375rem;

    @include breakpoint(medium) {
      margin: 34px 0 26px;
      font-size: 2.75rem;
      line-height: 3.25rem;
    }
  }
}

.paragraph--type--products-listing {
  #products-listing {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid $light-gray;
    @include breakpoint(medium) {
      flex-direction: row;
      gap: 24px;
    }
    main {
      display: flex;
      flex-direction: column;
      width: 100%;
      @include breakpoint(medium) {
        max-width: unset;
      }
      @include breakpoint(extra_large) {
        max-width: unset;
      }
    }
  }
}