.shop .product-grid {
  grid-template-columns: 1fr;
}

.shop .product-grid article {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
}

.shop .product-grid article > div:last-child {
  min-height: 0;
  padding: clamp(2.5rem, 6vw, 6rem);
  justify-content: center;
}

.shop .product-grid a {
  align-self: flex-start;
  margin-top: 1.5rem;
}

.product-image.shirt {
  aspect-ratio: auto;
  height: clamp(440px, 48vw, 640px);
  background: #8f1728 url("assets/hoovers-mission-on-manor-road-shirt-back.jpg") center 38% / cover no-repeat;
}

@media (max-width: 920px) {
  .shop .product-grid article {
    grid-template-columns: 1fr;
  }

  .shop .product-grid article > div:last-child {
    padding: 2rem;
  }

  .product-image.shirt {
    height: clamp(430px, 120vw, 620px);
  }
}