.product-list { min-inline-size: 0; }
.product-list__title { margin-block-end: 48px; font-family: var(--font-display); font-size: 40px; line-height: 37.6px; font-weight: 500; text-transform: uppercase; }
.product-list__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }
.product-list--grid { padding-block: 41px 150px; }
.product-list--compact { padding-block: 150px; }
.product-list--featured { width: calc(100% - var(--gutter) * 2); max-width: 1156px; margin-inline: auto; }
@media (max-width: 899px) {
  .product-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .product-list--grid { padding-block: 30px 60px; }
  .product-list--compact { padding-block: 99px 60px; }
  .product-list__items { grid-template-columns: 1fr; gap: 30px; }
  .product-list__title { margin-block-end: 40px; font-size: 30px; line-height: 28.2px; }
}