@use "../base" as *;
@use "../abstracts" as *;
.page-title {
  margin: 24px 0;
}
.view-bestsellers {
  .view-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
    margin-bottom: 60px;

    @include breakpoint(medium) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @include breakpoint(large) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    @include breakpoint(extra_large) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .views-row {
      min-width: 0;

      &:hover {
        z-index: 2;
      }

      .product-teaser {
        height: 100%;
      }
    }
  }
  @include pager;
}