.product-list-grid {
  padding: var(--spacing-4xl) 0;
}

.product-list-grid__title {
  margin: 0 0 var(--spacing-xs);
  padding: var(--spacing-md) 0;
  color: var(--neutral-tx1-hero);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-28);
}

.product-list-grid__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: var(--spacing-micro);
  row-gap: var(--spacing-4xl);
}

.product-list-grid .gift-product--list {
  width: 100%;
  min-width: 0;
}

.product-list-grid .brand-showcase__name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.product-list-grid__pagination,
.product-list-grid__pages {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-list-grid__pagination {
  margin-top: var(--spacing-5xl);
}

.product-list-grid__page,
.product-list-grid__page-arrow {
  display: flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--neutral-tx2-title);
  font: inherit;
  font-size: var(--font-size-base);
  line-height: var(--line-height-20);
  cursor: pointer;
}

.product-list-grid__page.is-active {
  background: var(--semantic-bg);
}

.product-list-grid__page-arrow img {
  display: block;
  width: 32px;
  filter: brightness(0);
  opacity: .35;
}

.product-list-grid__page-arrow:disabled {
  cursor: default;
  opacity: .35;
}

@media (max-width: 1023px) {
  .product-list-grid__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .product-list-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}