.product-hero {
  padding: 88px 32px;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 56px;
  align-items: center;
}

.detail-cover {
  aspect-ratio: var(--ratio);
}

@media (max-width: 800px) {
  .product-hero {
    grid-template-columns: 1fr;
    padding: 70px 20px;
  }
}